@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Colors */
/* Fonts */
/* Slide Up In Animation */
.slideUpIn {
  animation-name: slideUpIn;A
  -webkit-animation-name: slideUpIn;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUpIn {
  0% {
    transform: translateY(100%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideUpIn {
  0% {
    -webkit-transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%); } }
/* Slide Up Out Animation */
.slideUpOut {
  animation-name: slideUpOut;
  -webkit-animation-name: slideUpOut;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideUpOut {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-100%); } }
@-webkit-keyframes slideUpOut {
  0% {
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(-100%); } }
/* Slide Down In Animation */
.slideDownIn {
  animation-name: slideDownIn;
  -webkit-animation-name: slideDownIn;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDownIn {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes slideDownIn {
  0% {
    -webkit-transform: translateY(-100%); }
  100% {
    -webkit-transform: translateY(0%); } }
/* Slide Down Out Animation */
.slideDownOut {
  animation-name: slideDownOut;
  -webkit-animation-name: slideDownOut;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important; }

@keyframes slideDownOut {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(100%); } }
@-webkit-keyframes slideDownOut {
  0% {
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(100%); } }
.nudgeUp {
  animation-name: nudgeUp;
  -webkit-animation-name: nudgeUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes nudgeUp {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(-50%); } }
@-webkit-keyframes nudgeUp {
  0% {
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(-50%); } }
.nudgeDown {
  animation-name: nudgeDown;
  -webkit-animation-name: nudgeDown;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes nudgeDown {
  0% {
    transform: translateY(-50%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes nudgeDown {
  0% {
    -webkit-transform: translateY(-50%); }
  100% {
    -webkit-transform: translateY(0%); } }
.nudgeIn {
  animation-name: nudgeIn;
  -webkit-animation-name: nudgeIn;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes nudgeIn {
  0% {
    transform: translateY(50%); }
  100% {
    transform: translateY(0%); } }
@-webkit-keyframes nudgeIn {
  0% {
    -webkit-transform: translateY(50%); }
  100% {
    -webkit-transform: translateY(0%); } }
.nudgeOut {
  animation-name: nudgeOut;
  -webkit-animation-name: nudgeOut;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  visibility: visible !important; }

@keyframes nudgeOut {
  0% {
    transform: translateY(0%); }
  100% {
    transform: translateY(50%); } }
@-webkit-keyframes nudgeOut {
  0% {
    -webkit-transform: translateY(0%); }
  100% {
    -webkit-transform: translateY(50%); } }
#page-toolbar .wrapper {
  position: relative; margin-bottom:10px;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #page-toolbar.products {
    display: none; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #page-toolbar.products {
    display: none; } }
@media only screen and (min-width: 1150px) {
  #page-toolbar.products {
    display: none; } }

#product, #reviews, #related, #the-items, .page-panel {
 /*  width: 320px; */
  *zoom: 1;
  /* max-width: 71.875em; */
  margin-left: auto;
  margin-right: auto;
  /* padding: 0 25px; */ }
/*   @media only screen and (min-width: 480px) and (max-width: 767px) {
    #product, #reviews, #related, #the-items, .page-panel {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #product, #reviews, #related, #the-items, .page-panel {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #product, #reviews, #related, #the-items, .page-panel {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #product, #reviews, #related, #the-items, .page-panel {
      width: 1150px; } } */
  #product:before, #product:after, #reviews:before, #reviews:after, #related:before, #related:after, #the-items:before, #the-items:after, .page-panel:before, .page-panel:after {
    content: " ";
    display: table; }
  #product:after, #reviews:after, #related:after, #the-items:after, .page-panel:after {
    clear: both; }
  #product header, #reviews header, #related header, #the-items header, .page-panel header {
    letter-spacing: 2px; }

@media only screen and (max-width: 479px) {
  body.cigars #visual {
    border: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body.cigars #visual {
    border: 0; } }

#visual {
  float: left;
  display: block;
  margin-right: 1.5873%;
  width: 100%;
  position: relative;
  vertical-align: middle;
  margin-bottom: 30px;
  margin-top: 30px;
  border-bottom: 2px solid #e0e0e0; }
  #visual:last-child {
    margin-right: 0; }
  #visual h2.mobile {
    text-align: center;
    font: 200 1.625em/26px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 16px; }
  #visual h3.mobile {
    color: #c59949;
    font: 400 italic 1.125em/20px "Mercury Display A", "Mercury Display B", serif;
    padding-bottom: 6px;
    text-align: center; }
  #visual .image-container {
    display:table-cell;
    vertical-align:middle;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden; }
    #visual .image-container .image-wrapper {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms; }
      #visual .image-container .image-wrapper img {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0 auto; }
  #visual .return-bar a {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    color: #e0e0e0;
    font: 400 0.625em/40px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase; }
    #visual .return-bar a span {
      padding-left: 10px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #visual .return-bar a {
        display: block; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #visual .return-bar a {
        display: block; } }
    @media only screen and (min-width: 1150px) {
      #visual .return-bar a {
        display: block; } }
  #visual .cta-bar {
    display: none;
    position: relative;
    width: 100%;
    background-color: #c59949;
    color: #FFFFFF; }
    #visual .cta-bar ul {
      width: 100%;
      padding-left: 20px;
      vertical-align: middle; }
      #visual .cta-bar ul li {
        float: left;
        text-transform: uppercase;
        letter-spacing: 2px;
        list-style: none; }
        #visual .cta-bar ul li i {
          font-size: 1.625em;
          font-weight: light;
          line-height: 36px; }
        #visual .cta-bar ul li.label {
            line-height:35px;
            font-size:13px;
            vertical-align:middle;}
          /* font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif; */
      #visual .cta-bar ul li.right {
        float: right;
        background-color: #b2883e;
        padding: 0 20px;
        /* font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif; */
        vertical-align: middle; }
        #visual .cta-bar ul li.right .star-icon {
          vertical-align: middle;
          margin-right: 20px; }
      #visual .cta-bar ul a {
        color: #FFFFFF; }
      #visual .cta-bar ul .icons {
        height: 36px;
        margin-left: 10px; }
      #visual .cta-bar ul .icons-wrapper {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      #visual .cta-bar ul a.button .icon {
        transition: 0.2s ease 0ms;
        -moz-transition: 0.2s ease 0ms;
        -webkit-transition: 0.2s ease 0ms;
        -o-transition: 0.2s ease 0ms;
        width: 21px;
        height: 18px;
        background: url("../images/social-icon-sprite.png") no-repeat;
        background-size: 21px 72px;
        display: inline-block; }
      #visual .cta-bar ul a.button.facebook .icon {
        background-position: 0 -36px; }
      #visual .cta-bar ul a.button.twitter .icon {
        background-position: 0 -18px; }
      #visual .cta-bar ul a.button.pin .icon {
        background-position: 0 0; }
      #visual .cta-bar ul a.button.email {
        padding-left: 5px; }
        #visual .cta-bar ul a.button.email .icon {
          background-position: 0 -54px; }
      #visual .cta-bar ul a.button.hover .icon {
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=50);
        zoom: 1; }
  #visual .thumb {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 40px;
    z-index: 50; }
    #visual .thumb div {
      display: table;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1;
      border: 1px solid #e0e0e0;
      background-color: #FFFFFF;
      margin-bottom: 6px;
      height: 50px;
      width: 50px; }
      #visual .thumb div.active {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=100);
        zoom: 1; }
      #visual .thumb div.remove {
        display: none; }
      #visual .thumb div .image {
        display: table-cell;
        vertical-align: middle; }
        #visual .thumb div .image img {
          display: block;
          max-height: 50px;
          max-width: 50px; }
  #visual .arrow-right {
    background: url("/images/site/craftsmanship/arrow.png") no-repeat left bottom;
    background-size: 15px 17px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    width: 15px;
    height: 17px;
    z-index: 500; }
  #visual .pagination-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    #visual .pagination-container .pagination {
      text-align: right; }
  #visual .style {
    text-align: center;
    border: 2px solid #e0e0e0;
    border-right: 0;
    border-left: 0;
    color: #674836;
    font: 400 0.875em/36px "Gotham A", "Gotham B", sans-serif; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #visual {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%; }
      #visual:last-child {
        margin-right: 0; }
      #visual .thumb {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #visual {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 74.60317%;
      border: 1px solid rgba(128, 128, 128, 0.1);
      margin-bottom: 0;
      margin-top: 0;
      height: 550px; }
      #visual:last-child {
        margin-right: 0; }
      #visual h3.mobile {
        display: none; }
      #visual .image-container {
        height: 548px; }
      #visual h2.mobile {
        display: none; }
      #visual .cta-bar {
        z-index: 100;
        display: block; }
      #visual .thumb {
        display: block; }
      #visual .arrow-right {
        display: none; }
      #visual .pagination-container {
        display: none; }
      #visual .style {
        display: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #visual {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 74.60317%;
      border: 1px solid rgba(128, 128, 128, 0.1);
      margin-bottom: 0;
      margin-top: 0;
      height: 500px; }
      #visual:last-child {
        margin-right: 0; }
      #visual .image-container {
        height: 498px; }
      #visual h3.mobile {
        display: none; }
      #visual h2.mobile {
        display: none; }
      #visual .cta-bar {
        z-index: 100;
        display: block; }
      #visual .thumb {
        display: block; }
      #visual .arrow-right {
        display: none; }
      #visual .pagination-container {
        display: none; }
      #visual .style {
        display: none; } }
  @media only screen and (min-width: 1150px) {
    #visual {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 74.60317%;
      border: 1px solid rgba(128, 128, 128, 0.1);
      margin-bottom: 0;
      margin-top: 0;
      height: 420px; }
      #visual:last-child {
        margin-right: 0; }
      #visual .image-container {
        height: 418px; }
      #visual h2.mobile {
        display: none; }
      #visual h3.mobile {
        display: none; }
      #visual .cta-bar {
        z-index: 100;
        display: block; }
      #visual .thumb {
        display: block; }
      #visual .arrow-right {
        display: none; }
      #visual .pagination-container {
        display: none; }
      #visual .style {
        display: none; } }

#info {
  float: left;
  display: block;
  margin-right: 1.5873%;
  width: 100%;
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms; }
  #info:last-child {
    margin-right: 0; }
  #info .cta-bar-mobile .shortlist-mobile {
    list-style: none;
    background-color: #b2883e;
    color: #FFFFFF;
    text-transform: uppercase; }
    #info .cta-bar-mobile .shortlist-mobile li.left {
      float: left;
      padding: 10px 0 0 15px; }
    #info .cta-bar-mobile .shortlist-mobile li.right {
      float: right;
      text-align: center;
      padding-right: 15px;
      margin-bottom: 0; }
      #info .cta-bar-mobile .shortlist-mobile li.right.title {
        color: #FFFFFF;
        text-transform: uppercase;
        text-align: center;
        font: 600 0.6875em/46px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 2px; }
  #info .cta-bar-mobile ul#social-links {
    list-style: none;
    padding: 0;
    background-color: #f9f4ee;
    color: #674836;
    text-align: center;
    padding: 0 15px;
    height: 50px; }
    #info .cta-bar-mobile ul#social-links .label {
      float: left;
      color: #c59949;
      text-transform: uppercase;
      font: 600 0.75em/50px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }
    #info .cta-bar-mobile ul#social-links li.icons {
      height: 50px;
      position: relative; }
    #info .cta-bar-mobile ul#social-links .icons-wrapper {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      float: right; }
    #info .cta-bar-mobile ul#social-links a.button .icon {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms;
      width: 30px;
      height: 25px;
      background: url("/images/site/social-icon-brown-sprite.png") no-repeat;
      background-size: 30px 100px;
      display: inline-block; }
    #info .cta-bar-mobile ul#social-links a.button.facebook .icon {
      background-position: 0 -50px; }
    #info .cta-bar-mobile ul#social-links a.button.twitter .icon {
      background-position: 0 -25px; }
    #info .cta-bar-mobile ul#social-links a.button.pin .icon {
      background-position: 0 0; }
    #info .cta-bar-mobile ul#social-links a.button.email {
      padding-left: 5px; }
      #info .cta-bar-mobile ul#social-links a.button.email .icon {
        background-position: 0 -75px; }
    #info .cta-bar-mobile ul#social-links a.button:hover .icon {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1; }
  #info h2.desktop {
    display: none;
    text-align: center;
    font: 200 1.625em/26px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 16px; }
  #info h3.desktop {
    display: none;
    color: #c59949;
    font: 400 italic 1.125em/20px "Mercury Display A", "Mercury Display B", serif;
    padding-bottom: 6px;
    text-align: left; }
  #info p.body {
    text-align: center;
    font: 400 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    margin-bottom: 30px; }
  #info span.mobile-title {
    display: block;
    background-color: #674836;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font: 600 0.75em/32px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 4px; }
  #info .table-wrapper {
    background-color: #c59949;
    padding: 25px 20px 10px 20px; }
    #info .table-wrapper ul {
      color: #FFFFFF; }
      #info .table-wrapper ul.info {
        padding-bottom: 5px; }
      #info .table-wrapper ul li {
        list-style: none;
        display: inline-block;
        margin-bottom: 10px; }
        #info .table-wrapper ul li div.value {
          font: 200 1.25em/20px "Gotham A", "Gotham B", sans-serif;
          margin-bottom: 4px; }
          #info .table-wrapper ul li div.value:before {
            display: block;
            padding-top: 10px;
            content: " ";
            width: 30px;
            border-top: #e0e0e0 2px solid; }
          #info .table-wrapper ul li div.value.hide-style:before {
            display: none;
            padding-top: 0;
            content: " ";
            width: 0;
            border: 0; }
        #info .table-wrapper ul li div.label {
          font: 600 0.6875em/11px "Gotham A", "Gotham B", sans-serif;
          text-transform: uppercase;
          letter-spacing: 1px; }
        #info .table-wrapper ul li.pad {
          padding-right: 20px; }
        #info .table-wrapper ul li.strength .value div {
          display: inline-block; }
        #info .table-wrapper ul li.strength .outer-open {
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF; }
        #info .table-wrapper ul li.strength .outer-closed {
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF;
          background-color: #FFFFFF; }
        #info .table-wrapper ul li.strength .outer-half {
          position: relative;
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF; }
          #info .table-wrapper ul li.strength .outer-half .inner-half {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 50%;
            background-color: #FFFFFF; }
        #info .table-wrapper ul li.hide {
          display: none; }
        #info .table-wrapper ul li .swatch-wrapper .swatch {
          opacity: 0.5;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=50);
          zoom: 1; }
          #info .table-wrapper ul li .swatch-wrapper .swatch img {
            cursor:pointer;
            height: 25px;
            width: 25px; }
          #info .table-wrapper ul li .swatch-wrapper .swatch.active {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=100);
            zoom: 1; }
      #info .table-wrapper ul.variations-list {
        display: none; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #info {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%; }
      #info:last-child {
        margin-right: 0; }
      #info .table-wrapper ul.variations-list {
        display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #info {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 23.80952%; }
      #info:last-child {
        margin-right: 0; }
      #info h2.desktop {
        display: block;
        font: 200 1.0625em/20px "Gotham A", "Gotham B", sans-serif; }
      #info h3.desktop {
        display: block;
        padding-bottom: 3px; }
      #info .cta-bar-mobile {
        display: none; }
      #info h2.desktop, #info p.body {
        text-align: left; }
      #info p.body {
        margin-bottom: 20px; }
      #info span.mobile-title {
        display: none; }
      #info .table-wrapper {
        background-color: transparent;
        padding: 0 0 0 0; }
        #info .table-wrapper ul {
          color: #000000; }
          #info .table-wrapper ul li.strength .value div {
            display: inline-block; }
          #info .table-wrapper ul li.strength .outer-open {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
          #info .table-wrapper ul li.strength .outer-closed {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000;
            background-color: #000000; }
          #info .table-wrapper ul li.strength .outer-half {
            position: relative;
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
            #info .table-wrapper ul li.strength .outer-half .inner-half {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 50%;
              background-color: #000000; }
          #info .table-wrapper ul.variations-list {
            display: block; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #info {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 23.80952%; }
      #info:last-child {
        margin-right: 0; }
      #info h2.desktop, #info h3.desktop {
        display: block; }
      #info .cta-bar-mobile {
        display: none; }
      #info h2.desktop, #info p.body {
        text-align: left; }
      #info h3 {
        text-align: left; }
      #info p.body {
        margin-bottom: 20px; }
      #info span.mobile-title {
        display: none; }
      #info .table-wrapper {
        background-color: transparent;
        padding: 0 0 0 0; }
        #info .table-wrapper ul {
          color: #000000; }
          #info .table-wrapper ul li.strength .value div {
            display: inline-block; }
          #info .table-wrapper ul li.strength .outer-open {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
          #info .table-wrapper ul li.strength .outer-closed {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000;
            background-color: #000000; }
          #info .table-wrapper ul li.strength .outer-half {
            position: relative;
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
            #info .table-wrapper ul li.strength .outer-half .inner-half {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 50%;
              background-color: #000000; }
          #info .table-wrapper ul.variations-list {
            display: block; } }
  @media only screen and (min-width: 1150px) {
    #info {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 23.80952%; }
      #info:last-child {
        margin-right: 0; }
      #info h2.desktop, #info h3.desktop {
        display: block; }
      #info .cta-bar-mobile {
        display: none; }
      #info h2.desktop, #info p.body {
        text-align: left; }
      #info h3 {
        text-align: left; }
      #info p.body {
        margin-bottom: 20px; }
      #info span.mobile-title {
        display: none; }
      #info .table-wrapper {
        background-color: transparent;
        padding: 0 0 0 0; }
        #info .table-wrapper ul {
          color: #000000; }
          #info .table-wrapper ul li.strength .value div {
            display: inline-block; }
          #info .table-wrapper ul li.strength .outer-open {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
          #info .table-wrapper ul li.strength .outer-closed {
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000;
            background-color: #000000; }
          #info .table-wrapper ul li.strength .outer-half {
            position: relative;
            border-radius: 10px;
            height: 10px;
            width: 10px;
            border: 1px solid #000000; }
            #info .table-wrapper ul li.strength .outer-half .inner-half {
              position: absolute;
              left: 0;
              top: 0;
              height: 100%;
              width: 50%;
              background-color: #000000; }
          #info .table-wrapper ul.variations-list {
            display: block; } }

#reviews .section-header {
  margin-bottom: 20px; }
#reviews .item {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  padding: 10px 0; }
  #reviews .item:last-child {
    margin-right: 0; }
  #reviews .item:last-of-type {
    border-bottom: 0; }
  #reviews .item .number {
    display: none; }
  #reviews .item.score .number {
    text-align: center;
    display: block;
    font: 400 1.875em/30px "Gotham A", "Gotham B", sans-serif;
    color: #c59949;
    margin-bottom: 10px; }
    #reviews .item.score .number .super {
      vertical-align: super;
      font: 400 0.5em/8px "Gotham A", "Gotham B", sans-serif; }
  #reviews .item p.body {
    font: 400 0.8125em/18px "Gotham A", "Gotham B", sans-serif;
    padding-right: 20px; }
  #reviews .item .source {
    display: block;
    margin-top: 10px;
    font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    color: #c59949;
    letter-spacing: 2px; }
  #reviews .item .rule {
    margin: 30px auto 10px auto;
    width: 50%;
    height: 2px;
    background-color: #e0e0e0; }
  #reviews .item:last-of-type p.body {
    padding-right: 0; }
  #reviews .item:last-of-type .rule {
    margin: 0 auto 0 auto;
    width: 0;
    height: 0;
    background-color: transparent; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #reviews .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #reviews .item:last-child {
      margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #reviews .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%;
    border-right: 2px solid #e0e0e0; }
    #reviews .item:last-child {
      margin-right: 0; }
    #reviews .item .rule {
      display: none; }
    #reviews .item:last-of-type {
      border-right: 0; }
    #reviews .item.push-1 {
      margin-left: 34.04255%; }
    #reviews .item.push-2 {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%; }
      #reviews .item.push-2:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #reviews .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%;
    border-right: 2px solid #e0e0e0; }
    #reviews .item:last-child {
      margin-right: 0; }
    #reviews .item .rule {
      display: none; }
    #reviews .item:last-of-type {
      border-right: 0; }
    #reviews .item.push-1 {
      margin-left: 34.04255%; }
    #reviews .item.push-2 {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%; }
      #reviews .item.push-2:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1150px) {
  #reviews .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%;
    border-right: 2px solid #e0e0e0; }
    #reviews .item:last-child {
      margin-right: 0; }
    #reviews .item .rule {
      display: none; }
    #reviews .item:last-of-type {
      border-right: 0; }
    #reviews .item.push-1 {
      margin-left: 34.04255%; }
    #reviews .item.push-2 {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%; }
      #reviews .item.push-2:last-child {
        margin-right: 0; } }

#related .section-header {
  margin-bottom: 20px; }
#related .item {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  position: relative;
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #e0e0e0;
  margin-bottom: 15px;
  height: 120px; }
  #related .item:last-child {
    margin-right: 0; }
  #related .item .image-wrapper {
    height: 100%; }
    #related .item .image-wrapper img {
      display: block;
      margin: 0 auto;
      max-height: 80%;
      max-width: 100%; }
  #related .item h3 {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font: 500 0.75em/12px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000000; }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #related .item {
    height: 175px;
    border: 0; }
    #related .item.one {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%;
      margin-left: -76.59574%; }
      #related .item.one:last-child {
        margin-right: 0; }
    #related .item.three {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%; }
      #related .item.three:last-child {
        margin-right: 0; }
    #related .item.two {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      margin-left: 25.53191%;
      border: 2px solid #e0e0e0;
      border-top: 0;
      border-bottom: 0; }
      #related .item.two:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #related .item {
    height: 175px;
    border: 0; }
    #related .item.one {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%;
      margin-left: -76.59574%; }
      #related .item.one:last-child {
        margin-right: 0; }
    #related .item.three {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%; }
      #related .item.three:last-child {
        margin-right: 0; }
    #related .item.two {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      margin-left: 25.53191%;
      border: 2px solid #e0e0e0;
      border-top: 0;
      border-bottom: 0; }
      #related .item.two:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1150px) {
  #related .item {
    height: 175px;
    border: 0; }
    #related .item.one {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%;
      margin-left: -76.59574%; }
      #related .item.one:last-child {
        margin-right: 0; }
    #related .item.three {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%; }
      #related .item.three:last-child {
        margin-right: 0; }
    #related .item.two {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      margin-left: 25.53191%;
      border: 2px solid #e0e0e0;
      border-top: 0;
      border-bottom: 0; }
      #related .item.two:last-child {
        margin-right: 0; } }

.image-hero {
  position: relative;
  height: 550px;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .image-hero .hero-content-container {
    transition: 1.5s ease 0ms;
    -moz-transition: 1.5s ease 0ms;
    -webkit-transition: 1.5s ease 0ms;
    -o-transition: 1.5s ease 0ms;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-color: transparent; }
    .image-hero .hero-content-container.filter {
      background-color: #674836; }
  .image-hero .hero-content-wrapper {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    text-align: center;
    color: #FFFFFF;
    padding: 0 25px; }
    .image-hero .hero-content-wrapper:before, .image-hero .hero-content-wrapper:after {
      content: " ";
      display: table; }
    .image-hero .hero-content-wrapper:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .image-hero .hero-content-wrapper {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .image-hero .hero-content-wrapper {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .image-hero .hero-content-wrapper {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      .image-hero .hero-content-wrapper {
        width: 1150px; } }
    .image-hero .hero-content-wrapper .hero-content {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      .image-hero .hero-content-wrapper .hero-content:last-child {
        margin-right: 0; }
      .image-hero .hero-content-wrapper .hero-content .title {
        margin: 0 auto; }
        .image-hero .hero-content-wrapper .hero-content .title h2.article-header {
          opacity: 0.85;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=85);
          zoom: 1;
          font: 400 3.125em/50px "Gotham A", "Gotham B", sans-serif;
          letter-spacing: 10px; }
          .image-hero .hero-content-wrapper .hero-content .title h2.article-header:after {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=100);
            zoom: 1;
            margin-top: 16px;
            margin-bottom: 16px; }
      .image-hero .hero-content-wrapper .hero-content .body {
        width: 100%;
        margin: 0 auto; }
        .image-hero .hero-content-wrapper .hero-content .body p {
          font: 400 0.875em/20px "Gotham A", "Gotham B", sans-serif; }
  .image-hero .video-wrapper {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    position: absolute;
    top: 0;
    overflow: hidden; }
    .image-hero .video-wrapper.visible {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }
  @media only screen and (max-width: 479px) {
    .image-hero .hero-content-wrapper .hero-content .title h2.article-header {
      font: 400 1.875em/32px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .image-hero .hero-content-wrapper .hero-content .title h2.article-header {
      font: 400 2.5em/42px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-hero .hero-content-wrapper .hero-content {
      padding: 0; }
      .image-hero .hero-content-wrapper .hero-content .body {
        width: 400px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .image-hero .hero-content-wrapper .hero-content {
      padding: 0; }
      .image-hero .hero-content-wrapper .hero-content .body {
        width: 400px; } }
  @media only screen and (min-width: 1150px) {
    .image-hero .hero-content-wrapper .hero-content {
      padding: 0; }
      .image-hero .hero-content-wrapper .hero-content .body {
        width: 400px; } }

.image-hero.mini {
  height: 280px;
  background-position: center bottom; }
  .image-hero.mini .hero-content-wrapper {
    vertical-align: top; }
  .image-hero.mini .title {
    padding-top: 70px; }
    .image-hero.mini .title h2:after {
      display: none; }

#line-description {
  position: relative;
  margin-top: -100px; }
  #line-description .line-description-wrapper {
    width: 465px;
    margin: 0 auto;
    padding: 10px 55px 0 55px;
    border: 1px solid #e0e0e0;
    background-color: #FFFFFF;
    text-align: center; }
    #line-description .line-description-wrapper h2 {
      text-transform: uppercase;
      font: 600 0.6875em/40px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 3px; }
    #line-description .line-description-wrapper p {
      font: 400 0.875em/20px "Gotham A", "Gotham B", sans-serif; }
    #line-description .line-description-wrapper a {
      display: block;
      text-transform: uppercase;
      color: #c59949;
      font: 400 0.6875em/50px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }

.secondary-nav {
  position: relative; }
 /*  .secondary-nav:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    content: " ";
    height: 5px;
    width: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e2dcd5), to(#FFFFFF));
    background-image: -webkit-linear-gradient(top, #e2dcd5, #FFFFFF);
    background-image: -moz-linear-gradient(top, #e2dcd5, #FFFFFF);
    background-image: -ms-linear-gradient(top, #e2dcd5, #FFFFFF);
    background-image: -o-linear-gradient(top, #e2dcd5, #FFFFFF);
    background-image: linear, top, #e2dcd5, #FFFFFF;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e2dcd5', EndColorStr='#FFFFFF'); } */
/*===accessories 导航 start===*/
.secondary-nav .secondary-nav-wrapper {
    width: 320px;
    margin: 0 auto;
    padding: 0 25px;
    color: #c59949;
    text-transform: uppercase;
    font-size:14px;
    /* font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif; */
    letter-spacing: 2px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .secondary-nav .secondary-nav-wrapper {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .secondary-nav .secondary-nav-wrapper {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .secondary-nav .secondary-nav-wrapper {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      .secondary-nav .secondary-nav-wrapper {
        width: 1150px; } }
  .secondary-nav ul#secondary-nav-list {
    list-style: none; }
    .secondary-nav ul#secondary-nav-list li {
      position: relative;
      display: inline-block;
      text-align: center;
      margin: 18px 0; }
      .secondary-nav ul#secondary-nav-list li a {/*
        font: 400 1.125em/26px "Gotham A", "Gotham B", sans-serif; */
        color: #c59949; }
      .secondary-nav ul#secondary-nav-list li.half {
        float: left;
        width: 50%; }
      .secondary-nav ul#secondary-nav-list li.third {
        width: 100%; }
        .secondary-nav ul#secondary-nav-list li.third.border-right {
          border: none; }
      .secondary-nav ul#secondary-nav-list li.full {
        width: 100%; }
      .secondary-nav ul#secondary-nav-list li.border-right {
        border-right: 1px solid rgba(197, 153, 73, 0.5); }
    .secondary-nav ul#secondary-nav-list .rule {
      clear: both;
      width: 100%;
      height: 1px;
      font-size: 0;
      background-color: rgba(197, 153, 73, 0.5); }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
   /*  .secondary-nav .secondary-nav-wrapper {
      font: 600 0.75em/38px "Gotham A", "Gotham B", sans-serif; } */
    .secondary-nav ul#secondary-nav-list {
      text-align: center; }
      .secondary-nav ul#secondary-nav-list li {
        border-right: 1px solid rgba(197, 153, 73, 0.5); }
        .secondary-nav ul#secondary-nav-list li.half {
          float: none !important;
          width: 13% !important; }
        .secondary-nav ul#secondary-nav-list li.full {
          width: 15% !important; }
        .secondary-nav ul#secondary-nav-list li.third {
          width: 32% !important; }
          .secondary-nav ul#secondary-nav-list li.third.border-right {
            border-right: 1px solid rgba(197, 153, 73, 0.5); }
        .secondary-nav ul#secondary-nav-list li:last-of-type {
          border-right: none !important; }
      .secondary-nav ul#secondary-nav-list .rule {
        display: none; } }
  @media only screen and (min-width: 1150px) {
    /* .secondary-nav .secondary-nav-wrapper {
      font: 600 0.75em/38px "Gotham A", "Gotham B", sans-serif; } */
    .secondary-nav ul#secondary-nav-list {
      text-align: center; }
      .secondary-nav ul#secondary-nav-list li {
        border-right: 1px solid rgba(197, 153, 73, 0.5); }
        .secondary-nav ul#secondary-nav-list li.half {
          float: none !important;
          width: 13% !important; }
        .secondary-nav ul#secondary-nav-list li.full {
          width: 15% !important; }
        .secondary-nav ul#secondary-nav-list li.third {
          width: 32% !important; }
          .secondary-nav ul#secondary-nav-list li.third.border-right {
            border-right: 1px solid rgba(197, 153, 73, 0.5); }
        .secondary-nav ul#secondary-nav-list li:last-of-type {
          border-right: none !important; }
      .secondary-nav ul#secondary-nav-list .rule {
        display: none; } }

  /* .secondary-nav.mini .secondary-nav-wrapper {
  font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif; } */
  .secondary-nav.mini ul#secondary-nav-list li a {
  color: rgba(197, 153, 73, 0.5); }
  .secondary-nav.mini ul#secondary-nav-list li.active a {
  color: #c59949;
  font-weight: 600; }
  .secondary-nav.mini ul#secondary-nav-list li.active :after {
  display: none;
  content: " ";
  position: absolute;
  left: 47%;
  bottom: -9px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #c59949;
  }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
  .secondary-nav.mini ul#secondary-nav-list {
    padding: 5px 0; }
    .secondary-nav.mini ul#secondary-nav-list li.active :after {
      display: block; } }
  @media only screen and (min-width: 1150px) {

  .secondary-nav.mini ul#secondary-nav-list {
    padding: 5px 0; }
    .secondary-nav.mini ul#secondary-nav-list li.active :after {
      display: block; } }
    /*===accessories 导航 end===*/

#the-filters {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px; }
  #the-filters:before, #the-filters:after {
    content: " ";
    display: table; }
  #the-filters:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #the-filters {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #the-filters {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #the-filters {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #the-filters {
      width: 1150px; } }
  #the-filters header.section-header {
    background-color: #674836;
    border: none;
    padding-left: 25px;
    padding-right: 25px; }
    #the-filters header.section-header h2 {
      position: relative;
      width: 100%;
      text-align: left;
      color: #FFFFFF; }
  #the-filters .group {
    position: absolute;
    display: none;
    z-index: 100; }
    #the-filters .group.opacity {
      display: block; }
  #the-filters .table-wrapper {
    position: relative;
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    background-color: #c5b9ac;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 25px;
    width: 100%; }
    #the-filters .table-wrapper a.reset {
      display: block;
      text-align: center;
      border: 1px solid #FFFFFF;
      padding: 10px;
      margin: 20px 0;
      text-transform: uppercase;
      color: #674836;
      font: 400 0.75em/20px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }
    #the-filters .table-wrapper ul {
      display: table;
      border-collapse: separate;
      border-spacing: 0 6px;
      width: 100%;
      color: #FFFFFF;
      vertical-align: top; }
      #the-filters .table-wrapper ul li {
        list-style: none;
        display: table-cell;
        position: relative;
        margin-bottom: 10px;
        width: 50%; }
        #the-filters .table-wrapper ul li div.value {
          font: 200 1.25em/20px "Gotham A", "Gotham B", sans-serif;
          margin-bottom: 4px;
          color: #674836; }
        #the-filters .table-wrapper ul li div.label {
          font: 600 0.6875em/30px "Gotham A", "Gotham B", sans-serif;
          text-transform: uppercase;
          letter-spacing: 1px; }
        #the-filters .table-wrapper ul li.pad {
          padding-right: 20px; }
        #the-filters .table-wrapper ul li.strength .value div {
          display: inline-block; }
        #the-filters .table-wrapper ul li.strength .outer-open {
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF; }
        #the-filters .table-wrapper ul li.strength .outer-closed {
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF;
          background-color: #FFFFFF; }
        #the-filters .table-wrapper ul li.strength .outer-half {
          position: relative;
          border-radius: 10px;
          height: 10px;
          width: 10px;
          border: 1px solid #FFFFFF; }
          #the-filters .table-wrapper ul li.strength .outer-half .inner-half {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 50%;
            background-color: #FFFFFF; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #the-filters {
      padding: 0 25px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #the-filters {
      padding: 0 25px; }
      #the-filters header.section-header {
        background-color: transparent;
        border: #e0e0e0 1px solid;
        border-left: 0;
        border-right: 0; }
        #the-filters header.section-header h2 {
          text-align: center;
          color: #000000; }
      #the-filters .table-wrapper {
        background-color: transparent; }
        #the-filters .table-wrapper ul {
          display: table;
          float: left;
          border-spacing: 0 0; }
          #the-filters .table-wrapper ul.one {
            width: 30%; }
            #the-filters .table-wrapper ul.one li:first-of-type {
              width: 45%; }
          #the-filters .table-wrapper ul.two {
            width: 28%; }
            #the-filters .table-wrapper ul.two li:first-of-type {
              width: 51%; }
          #the-filters .table-wrapper ul.three {
            width: 27%; }
            #the-filters .table-wrapper ul.three li:first-of-type {
              width: 55%; }
          #the-filters .table-wrapper ul.four {
            width: 15%; }
            #the-filters .table-wrapper ul.four li:first-of-type {
              width: 100%; }
          #the-filters .table-wrapper ul li {
            width: auto;
            display: table-cell; }
            #the-filters .table-wrapper ul li div.label {
              color: #c59949; }
            #the-filters .table-wrapper ul li div.value {
              color: #000000; }
        #the-filters .table-wrapper a.reset {
          display: none; }
        #the-filters .table-wrapper:after {
          content: " ";
          display: table;
          clear: both;
          overflow: hidden;
          visibility: hidden; } }
  @media only screen and (min-width: 1150px) {
    #the-filters {
      padding: 0 25px; }
      #the-filters header.section-header {
        background-color: transparent;
        border: #e0e0e0 1px solid;
        border-left: 0;
        border-right: 0; }
        #the-filters header.section-header h2 {
          text-align: center;
          color: #000000; }
      #the-filters .table-wrapper {
        background-color: transparent;
        padding: 0 0; }
        #the-filters .table-wrapper ul {
          display: table;
          float: left;
          border-spacing: 0 0; }
          #the-filters .table-wrapper ul li {
            transition: 0.2s ease 0ms;
            -moz-transition: 0.2s ease 0ms;
            -webkit-transition: 0.2s ease 0ms;
            -o-transition: 0.2s ease 0ms;
            padding: 20px 0 20px 20px;
            margin-bottom: 0; }
            #the-filters .table-wrapper ul li .flyout {
              transition: 0.2s ease 0ms;
              -moz-transition: 0.2s ease 0ms;
              -webkit-transition: 0.2s ease 0ms;
              -o-transition: 0.2s ease 0ms;
              background-color: #c5b9ac;
              position: absolute;
              top: 0;
              left: 100%;
              height: 100%;
              width: 500px;
              z-index: 100;
              overflow: hidden;
              padding: 15px 15px 15px 15px;
              opacity: 0;
              visibility: hidden; }
              #the-filters .table-wrapper ul li .flyout .flyout-content {
                height: 90px;
                float: left;
                width: auto;
                margin-right: 15px; }
                #the-filters .table-wrapper ul li .flyout .flyout-content:last-of-type {
                  margin-right: 0; }
                #the-filters .table-wrapper ul li .flyout .flyout-content li {
                  display: block;
                  padding: 0;
                  margin: 0;
                  width: auto;
                  font: 400 0.75em/18px "Gotham A", "Gotham B", sans-serif;
                  color: #674836; }
            #the-filters .table-wrapper ul li.fly {
              background-color: #674836; }
              #the-filters .table-wrapper ul li.fly .label, #the-filters .table-wrapper ul li.fly .value {
                color: #FFFFFF; }
              #the-filters .table-wrapper ul li.fly .flyout {
                opacity: 1;
                visibility: visible; }
          #the-filters .table-wrapper ul.one {
            width: 30%; }
            #the-filters .table-wrapper ul.one li:first-of-type {
              width: 45%; }
          #the-filters .table-wrapper ul.two {
            width: 28%; }
            #the-filters .table-wrapper ul.two li:first-of-type {
              width: 51%; }
          #the-filters .table-wrapper ul.three {
            width: 27%; }
            #the-filters .table-wrapper ul.three li:first-of-type {
              width: 55%; }
          #the-filters .table-wrapper ul.four {
            width: 15%; }
            #the-filters .table-wrapper ul.four li:first-of-type {
              width: 100%; }
          #the-filters .table-wrapper ul li {
            width: auto;
            display: table-cell; }
            #the-filters .table-wrapper ul li div.label {
              color: #c59949; }
            #the-filters .table-wrapper ul li div.value {
              color: #000000; }
        #the-filters .table-wrapper a.reset {
          display: none; }
        #the-filters .table-wrapper:after {
          content: " ";
          display: table;
          clear: both;
          overflow: hidden;
          visibility: hidden; } }

.items-stacked {
  text-align: center; }
  .items-stacked a.item, .items-stacked .item {
    position: relative;
    display: block;
    border: 1px solid #e0e0e0;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 4px;
    padding: 40px 0;
    margin-bottom: 10px; }
    .items-stacked a.item img, .items-stacked .item img {
      max-width: 50%;
      max-height: 30%; }
  .items-stacked .remove-item {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%; }
  .items-stacked h2.title {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font: 400 15px/20px "Gotham A", "Gotham B", sans-serif; }
    .items-stacked h2.title.cigars {
      bottom: 60px; }
  .items-stacked a.all {
    display: inline-block;
    border: 1px solid #000000;
    padding: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    color: #000000;
    font: 400 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 2px; }
  @media only screen and (max-width: 479px) {
    .items-stacked h2.title {
      font: 400 12px/20px "Gotham A", "Gotham B", sans-serif; }
      .items-stacked h2.title.cigars {
        bottom: 5px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .items-stacked h2.title {
      font: 400 12px/20px "Gotham A", "Gotham B", sans-serif; }
      .items-stacked h2.title.cigars {
        bottom: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .items-stacked h2.title.cigars {
      bottom: 40px; }
    .items-stacked a.item, .items-stacked .item {
      border: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .items-stacked h2.title.cigars {
      bottom: 60px; }
    .items-stacked a.item, .items-stacked .item {
      border: none; } }
  @media only screen and (min-width: 1150px) {
    .items-stacked h2.title.cigars {
      bottom: 70px; }
    .items-stacked a.item, .items-stacked .item {
      border: none; } }

body.cigars .items-stacked a.item {
  padding: 10px 0; }

body.cigars .items-stacked a.item img {
  max-width: 80%;
  max-height: 40%; }

.items-grid {
  margin-top: 25px; }
  .items-grid a.item, .items-grid .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: relative;
    display: block;
    padding: 10px 0;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px; }
    .items-grid a.item:last-child, .items-grid .item:last-child {
      margin-right: 0; }
  .items-grid img {
    text-align: right;
    max-width: 100%;
    max-height: 100%; }
  .items-grid h3 {
    color: #c59949;
    font: 400 italic 1.125em/18px "Mercury Display A", "Mercury Display B", serif;
    padding-bottom: 3px;
    letter-spacing: 1px;
    text-transform: capitalize; }
  .items-grid h2.item-title {
    font: 400 1.25em/20px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px; }
  .items-grid .info-box {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(103, 72, 54, 0.85); }
    .items-grid .info-box .info-box-wrapper {
      padding: 18px 20px 0 20px; }
  .items-grid .info-box-list {
    color: #FFFFFF;
    text-align: left; }
    .items-grid .info-box-list li {
      list-style: none;
      display: block;
      margin-bottom: 10px; }
      .items-grid .info-box-list li .value {
        font: 200 0.875em/14px "Gotham A", "Gotham B", sans-serif; }
        .items-grid .info-box-list li .value:before {
          display: block;
          padding-top: 10px;
          content: " ";
          width: 30px;
          border-top: #e0e0e0 2px solid; }
        .items-grid .info-box-list li .value.hide-style:before {
          display: none;
          padding-top: 0;
          content: " ";
          width: 0;
          border: 0; }
      .items-grid .info-box-list li .label {
        font: 600 0.6875em/11px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px; }
      .items-grid .info-box-list li.pad {
        padding-right: 20px; }
      .items-grid .info-box-list li.strength .value div {
        display: inline-block; }
      .items-grid .info-box-list li.strength .outer-open {
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF; }
      .items-grid .info-box-list li.strength .outer-closed {
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF;
        background-color: #FFFFFF; }
      .items-grid .info-box-list li.strength .outer-half {
        position: relative;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF; }
        .items-grid .info-box-list li.strength .outer-half .inner-half {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 50%;
          background-color: #FFFFFF; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .items-grid a.item, .items-grid .item {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      height: 180px;
      overflow: hidden; }
      .items-grid a.item:last-child, .items-grid .item:last-child {
        margin-right: 0; }
      .items-grid a.item:nth-child(2n), .items-grid .item:nth-child(2n) {
        margin-right: 0; }
      .items-grid a.item:nth-child(2n+1), .items-grid .item:nth-child(2n+1) {
        clear: left; }
      .items-grid a.item .info-box, .items-grid .item .info-box {
        display: block;
        margin-left: -250px;
        width: 250px; }
      .items-grid a.item h2, .items-grid .item h2 {
        position: absolute;
        bottom: 15px;
        right: 20px;
        font: 400 1em/16px "Gotham A", "Gotham B", sans-serif; }
      .items-grid a.item.out .info-box, .items-grid .item.out .info-box {
        margin-left: 0; } }
  @media only screen and (min-width: 1150px) {
    .items-grid a.item, .items-grid .item {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      height: 180px;
      overflow: hidden; }
      .items-grid a.item:last-child, .items-grid .item:last-child {
        margin-right: 0; }
      .items-grid a.item:nth-child(2n), .items-grid .item:nth-child(2n) {
        margin-right: 0; }
      .items-grid a.item:nth-child(2n+1), .items-grid .item:nth-child(2n+1) {
        clear: left; }
      .items-grid a.item .info-box, .items-grid .item .info-box {
        display: block;
        margin-left: -250px;
        width: 250px; }
      .items-grid a.item .title, .items-grid .item .title {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto; }
      .items-grid a.item h2, .items-grid .item h2 {
        font: 400 1em/16px "Gotham A", "Gotham B", sans-serif; }
      .items-grid a.item.out .info-box, .items-grid .item.out .info-box {
        margin-left: 0; } }

.items-grid-no-border {
  margin-top: 25px; }
  .items-grid-no-border a.item, .items-grid-no-border .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: relative;
    display: block;
    padding: 10px 0;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font: 600 0.75em/20px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px; }
    .items-grid-no-border a.item:last-child, .items-grid-no-border .item:last-child {
      margin-right: 0; }
  .items-grid-no-border img {
    max-width: 80%;
    max-height: 80%; }
  .items-grid-no-border h2.item-title {
    font: 400 1em/16px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px; }
  .items-grid-no-border .info-box {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(103, 72, 54, 0.85); }
    .items-grid-no-border .info-box .info-box-wrapper {
      padding: 18px 20px 0 20px; }
  .items-grid-no-border .info-box-list {
    color: #FFFFFF;
    text-align: left; }
    .items-grid-no-border .info-box-list li {
      list-style: none;
      display: block;
      margin-bottom: 10px; }
      .items-grid-no-border .info-box-list li .value {
        font: 200 0.875em/14px "Gotham A", "Gotham B", sans-serif; }
        .items-grid-no-border .info-box-list li .value:before {
          display: block;
          padding-top: 10px;
          content: " ";
          width: 30px;
          border-top: #e0e0e0 2px solid; }
        .items-grid-no-border .info-box-list li .value.hide-style:before {
          display: none;
          padding-top: 0;
          content: " ";
          width: 0;
          border: 0; }
      .items-grid-no-border .info-box-list li .label {
        font: 600 0.6875em/11px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px; }
      .items-grid-no-border .info-box-list li.pad {
        padding-right: 20px; }
      .items-grid-no-border .info-box-list li.strength .value div {
        display: inline-block; }
      .items-grid-no-border .info-box-list li.strength .outer-open {
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF; }
      .items-grid-no-border .info-box-list li.strength .outer-closed {
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF;
        background-color: #FFFFFF; }
      .items-grid-no-border .info-box-list li.strength .outer-half {
        position: relative;
        border-radius: 10px;
        height: 10px;
        width: 10px;
        border: 1px solid #FFFFFF; }
        .items-grid-no-border .info-box-list li.strength .outer-half .inner-half {
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          width: 50%;
          background-color: #FFFFFF; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .items-grid-no-border a.item, .items-grid-no-border .item {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      height: 180px;
      overflow: hidden; }
      .items-grid-no-border a.item:last-child, .items-grid-no-border .item:last-child {
        margin-right: 0; }
      .items-grid-no-border a.item:nth-child(2n), .items-grid-no-border .item:nth-child(2n) {
        margin-right: 0; }
      .items-grid-no-border a.item:nth-child(2n+1), .items-grid-no-border .item:nth-child(2n+1) {
        clear: left; }
      .items-grid-no-border a.item .info-box, .items-grid-no-border .item .info-box {
        display: block;
        margin-left: -250px;
        width: 250px; }
      .items-grid-no-border a.item h2, .items-grid-no-border .item h2 {
        font: 400 1em/16px "Gotham A", "Gotham B", sans-serif; }
      .items-grid-no-border a.item.out .info-box, .items-grid-no-border .item.out .info-box {
        margin-left: 0; } }
  @media only screen and (min-width: 1150px) {
    .items-grid-no-border a.item, .items-grid-no-border .item {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 48.93617%;
      height: 250px;
      overflow: hidden; }
      .items-grid-no-border a.item:last-child, .items-grid-no-border .item:last-child {
        margin-right: 0; }
      .items-grid-no-border a.item:nth-child(2n), .items-grid-no-border .item:nth-child(2n) {
        margin-right: 0; }
      .items-grid-no-border a.item:nth-child(2n+1), .items-grid-no-border .item:nth-child(2n+1) {
        clear: left; }
      .items-grid-no-border a.item .info-box, .items-grid-no-border .item .info-box {
        display: block;
        margin-left: -250px;
        width: 250px; }
      .items-grid-no-border a.item h2, .items-grid-no-border .item h2 {
        font: 400 1em/16px "Gotham A", "Gotham B", sans-serif; }
      .items-grid-no-border a.item.out .info-box, .items-grid-no-border .item.out .info-box {
        margin-left: 0; } }

#filter-by-feed {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  position: relative;
  padding: 0 25px; }
  #filter-by-feed:before, #filter-by-feed:after {
    content: " ";
    display: table; }
  #filter-by-feed:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #filter-by-feed {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #filter-by-feed {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #filter-by-feed {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #filter-by-feed {
      width: 1150px; } }
  #filter-by-feed .wrapper {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 10px;
    background-color: #c59949; }
  #filter-by-feed .item {
    position: relative;
    display: table;
    width: 100%;
    border: none;
    overflow: hidden; }
    #filter-by-feed .item .info {
      display: table-cell;
      background-color: rgba(197, 153, 73, 0.5);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: left;
      padding: 15px 20px 15px 20px;
      overflow: hidden; }
      #filter-by-feed .item .info h2 {
        transition: 0.4s ease 0ms;
        -moz-transition: 0.4s ease 0ms;
        -webkit-transition: 0.4s ease 0ms;
        -o-transition: 0.4s ease 0ms;
        font: 400 1.5em/24px "Gotham A", "Gotham B", sans-serif;
        color: #000000;
        text-transform: uppercase;
        margin-bottom: 20px; }
      #filter-by-feed .item .info p {
        font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif;
        color: #000000;
        text-transform: none;
        letter-spacing: 0; }
      #filter-by-feed .item .info h3 {
        margin-top: 10px;
        font: 600 0.75em/12px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px; }
        #filter-by-feed .item .info h3 a {
          color: #000000; }
      #filter-by-feed .item .info .bottom {
        transition: 0.4s ease 0ms;
        -moz-transition: 0.4s ease 0ms;
        -webkit-transition: 0.4s ease 0ms;
        -o-transition: 0.4s ease 0ms; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #filter-by-feed .wrapper {
      height: 182px;
      overflow: hidden; }
    #filter-by-feed .item .info {
      background-color: transparent;
      height: 182px !important;
      vertical-align: middle;
      text-align: center; }
      #filter-by-feed .item .info h2 {
        font: 400 1.875em/30px "Gotham A", "Gotham B", sans-serif;
        padding-top: 70px; }
      #filter-by-feed .item .info p {
        margin: 0 auto;
        width: 400px; }
      #filter-by-feed .item .info .bottom {
        padding-top: 70px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1; }
      #filter-by-feed .item .info.visible {
        background-color: rgba(197, 153, 73, 0.5); }
        #filter-by-feed .item .info.visible .bottom {
          padding-top: 0;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=100);
          zoom: 1; }
          #filter-by-feed .item .info.visible .bottom p, #filter-by-feed .item .info.visible .bottom h3, #filter-by-feed .item .info.visible .bottom a {
            color: #FFFFFF; }
        #filter-by-feed .item .info.visible h2 {
          padding-top: 0;
          color: #FFFFFF; } }
  @media only screen and (min-width: 1150px) {
    #filter-by-feed .wrapper {
      height: 182px;
      overflow: hidden; }
    #filter-by-feed .item .info {
      background-color: transparent;
      height: 182px !important;
      vertical-align: middle;
      text-align: center; }
      #filter-by-feed .item .info h2 {
        font: 400 1.875em/30px "Gotham A", "Gotham B", sans-serif;
        padding-top: 70px; }
      #filter-by-feed .item .info p {
        margin: 0 auto;
        width: 400px; }
      #filter-by-feed .item .info .bottom {
        padding-top: 70px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1; }
      #filter-by-feed .item .info.visible {
        background-color: rgba(197, 153, 73, 0.5); }
        #filter-by-feed .item .info.visible .bottom {
          padding-top: 0;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=100);
          zoom: 1; }
          #filter-by-feed .item .info.visible .bottom p, #filter-by-feed .item .info.visible .bottom h3, #filter-by-feed .item .info.visible .bottom a {
            color: #FFFFFF; }
        #filter-by-feed .item .info.visible h2 {
          padding-top: 0;
          color: #FFFFFF; } }

.blanco {
  color: #FFFFFF;
  background-color: #000000;
  text-align: center; }

.blanco h1 {
  font: 400 50px/50px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  letter-spacing: 9px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  .blanco h1:after {
    display: block;
    height: 3px;
    width: 80px;
    background-color: #FFFFFF;
    content: "";
    margin: 20px auto 20px auto; }
  @media only screen and (max-width: 479px) {
    .blanco h1 {
      font: 400 40px/40px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco h1 {
      font: 400 40px/40px "Gotham A", "Gotham B", sans-serif; } }

.blanco h2, .blanco .big {
  font: 400 38px/45px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 10px; }
  @media only screen and (max-width: 479px) {
    .blanco h2, .blanco .big {
      font: 400 24px/30px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco h2, .blanco .big {
      font: 400 24px/30px "Gotham A", "Gotham B", sans-serif; } }

.blanco .big {
  line-height: 38px;
  margin: 0; }

.blanco p {
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  font: 400 16px/26px "Gotham A", "Gotham B", sans-serif; }

.blanco .page-panel {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  position: relative; }
  .blanco .page-panel:before, .blanco .page-panel:after {
    content: " ";
    display: table; }
  .blanco .page-panel:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco .page-panel {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .blanco .page-panel {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .blanco .page-panel {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    .blanco .page-panel {
      width: 1150px; } }
  .blanco .page-panel img {
    display: block;
    margin: 0 auto;
    width: 100%; }
  @media only screen and (max-width: 479px) {
    .blanco .page-panel {
      padding: 0 24px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco .page-panel img {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .blanco .page-panel img {
      width: 60%; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .blanco .page-panel img {
      width: 60%; } }
  @media only screen and (min-width: 1150px) {
    .blanco .page-panel img {
      width: 60%; } }

.blanco .page-panel.animate, .blanco.slider .swiper-container.animate {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=0);
  zoom: 1;
  transition: 0.7s ease 0ms;
  -moz-transition: 0.7s ease 0ms;
  -webkit-transition: 0.7s ease 0ms;
  -o-transition: 0.7s ease 0ms;
  -webkit-transform: translate3d(0px, 50px, 0px);
  -moz-transform: translate3d(0px, 50px, 0px);
  -ms-transform: translate3d(0px, 50px, 0px);
  -o-transform: translate3d(0px, 50px, 0px);
  transform: translate3d(0px, 50px, 0px); }
  .blanco .page-panel.animate.in, .blanco.slider .swiper-container.animate.in {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1; }

.blanco.hero {
  height: 550px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative; }
  .blanco.hero .page-panel {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0; }
  .blanco.hero p {
    width: 100%;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
  @media only screen and (max-width: 479px) {
    .blanco.hero p {
      padding: 0 24px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco.hero p {
      width: 100%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .blanco.hero p {
      width: 60%; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .blanco.hero p {
      width: 40%; } }
  @media only screen and (min-width: 1150px) {
    .blanco.hero p {
      width: 40%; } }
  .blanco.hero .cover {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000;
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms; }
    .blanco.hero .cover.animate {
      background-color: transparent; }

.blanco.panel-1 .page-panel {
  padding: 50px 24px; }
.blanco.panel-1 img {
  padding-bottom: 30px; }
.blanco.panel-1 p {
  width: 100%; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blanco.panel-1 p {
    width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .blanco.panel-1 p {
    width: 85%; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  .blanco.panel-1 p {
    width: 72%; } }
@media only screen and (min-width: 1150px) {
  .blanco.panel-1 p {
    width: 72%; } }
.blanco.panel-1 .cta-bar {
  color: #c59949; }
  .blanco.panel-1 .cta-bar ul {
    vertical-align: middle;
    width: 180px;
    margin: 24px auto; }
    .blanco.panel-1 .cta-bar ul li {
      float: left;
      text-transform: uppercase;
      letter-spacing: 2px;
      list-style: none; }
      .blanco.panel-1 .cta-bar ul li i {
        font-size: 1.625em;
        font-weight: light;
        line-height: 36px; }
      .blanco.panel-1 .cta-bar ul li.label {
        font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif; }
    .blanco.panel-1 .cta-bar ul li.right {
      float: right;
      background-color: #b2883e;
      padding: 0 20px;
      font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif;
      vertical-align: middle; }
      .blanco.panel-1 .cta-bar ul li.right .star-icon {
        vertical-align: middle;
        margin-right: 20px; }
    .blanco.panel-1 .cta-bar ul a {
      color: #FFFFFF; }
    .blanco.panel-1 .cta-bar ul .icons {
      height: 36px;
      margin-left: 10px; }
    .blanco.panel-1 .cta-bar ul .icons-wrapper {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .blanco.panel-1 .cta-bar ul a.button .icon {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms;
      width: 21px;
      height: 18px;
      background: url("/images/site/social-icon-sprite-gold.png") no-repeat;
      background-size: 21px 72px;
      display: inline-block; }
    .blanco.panel-1 .cta-bar ul a.button.facebook .icon {
      background-position: 0 -36px; }
    .blanco.panel-1 .cta-bar ul a.button.twitter .icon {
      background-position: 0 -18px; }
    .blanco.panel-1 .cta-bar ul a.button.pin .icon {
      background-position: 0 0; }
    .blanco.panel-1 .cta-bar ul a.button.email {
      padding-left: 5px; }
      .blanco.panel-1 .cta-bar ul a.button.email .icon {
        background-position: 0 -54px; }
    .blanco.panel-1 .cta-bar ul a.button.hover .icon {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1; }

.blanco.panel-3 .page-panel {
  padding-bottom: 0; }
.blanco.panel-3 p {
  padding-bottom: 60px;
  width: 100%; }
@media only screen and (max-width: 479px) {
  .blanco.panel-3 {
    padding-top: 70px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blanco.panel-3 {
    padding-top: 100px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blanco.panel-3 p {
    width: 100%;
    padding-bottom: 90px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .blanco.panel-3 p {
    width: 85%;
    padding-bottom: 120px; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  .blanco.panel-3 p {
    width: 75%;
    padding-bottom: 120px; } }
@media only screen and (min-width: 1150px) {
  .blanco.panel-3 p {
    width: 75%;
    padding-bottom: 120px; } }

.blanco.slider {
  height: 800px;
  position: relative; }
  .blanco.slider .text-wrapper {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .blanco.slider .text-wrapper:before, .blanco.slider .text-wrapper:after {
      content: " ";
      display: table; }
    .blanco.slider .text-wrapper:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .blanco.slider .text-wrapper {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .blanco.slider .text-wrapper {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .blanco.slider .text-wrapper {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      .blanco.slider .text-wrapper {
        width: 1150px; } }
  .blanco.slider .copy {
    width: 400px;
    margin-left: 90px; }
  .blanco.slider p {
    text-align: left; }
  @media only screen and (max-width: 479px) {
    .blanco.slider {
      height: 400px; }
      .blanco.slider .copy {
        margin-left: 0;
        width: 100%; }
      .blanco.slider p {
        text-align: center;
        padding: 0 24px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco.slider {
      height: 600px; }
      .blanco.slider .copy {
        margin-left: 0;
        width: 100%; }
      .blanco.slider p {
        text-align: center;
        padding: 0 24px; } }

.blanco.controller {
  background-color: rgba(255, 255, 255, 0.3);
  margin-top: -800px; }
  .blanco.controller .page-panel {
    padding: 0 0;
    position: relative;
    height: 800px; }
  .blanco.controller .controls {
    z-index: 100;
    height: 100%;
    position: absolute;
    top: 750px;
    bottom: 0; }
    .blanco.controller .controls.arrow-right {
      right: 0; }
    .blanco.controller .controls.arrow-left {
      left: 0; }
    .blanco.controller .controls .arrow {
      width: 50px;
      height: 50px;
      background: url("/images/site/oro-blanco/pagination.jpg") no-repeat;
      background-size: 50px 150px;
      overflow: hidden;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1;
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms; }
      .blanco.controller .controls .arrow.right {
        background-position: 0 0; }
      .blanco.controller .controls .arrow.left {
        background-position: 0 -50px; }
      .blanco.controller .controls .arrow.hover {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=70);
        zoom: 1; }
      .blanco.controller .controls .arrow.opate {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1;
        cursor: default; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .blanco.controller .controls {
        top: 0; }
        .blanco.controller .controls .arrow {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .blanco.controller .controls {
        top: 0; }
        .blanco.controller .controls .arrow {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    @media only screen and (min-width: 1150px) {
      .blanco.controller .controls {
        top: 0; }
        .blanco.controller .controls .arrow {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
  @media only screen and (max-width: 479px) {
    .blanco.controller {
      margin-top: -400px; }
      .blanco.controller .page-panel {
        height: 400px; }
      .blanco.controller .controls {
        top: 300px; }
        .blanco.controller .controls.arrow-right {
          right: 10px; }
        .blanco.controller .controls.arrow-left {
          left: 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco.controller {
      margin-top: -600px; }
      .blanco.controller .page-panel {
        height: 600px; }
      .blanco.controller .controls {
        top: 500px; }
        .blanco.controller .controls.arrow-right {
          right: 10px; }
        .blanco.controller .controls.arrow-left {
          left: 10px; } }

.blanco.hint {
  padding-top: 50px;
  width: 100%; }
  .blanco.hint #oro-blanco-arrow-down {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background: url("/images/site/oro-blanco/pagination.jpg") no-repeat;
    background-size: 50px 150px;
    overflow: hidden;
    background-position: 0 -100px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=50);
    zoom: 1;
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms; }
    .blanco.hint #oro-blanco-arrow-down.hover {
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=70);
      zoom: 1; }

.blanco.form {
  position: relative;
  background-color: transparent;
  height: 1511px;
  transition: 2s ease 0ms;
  -moz-transition: 2s ease 0ms;
  -webkit-transition: 2s ease 0ms;
  -o-transition: 2s ease 0ms;
  overflow: hidden; }
  .blanco.form .page-panel {
    padding-top: 0;
    padding-bottom: 0; }
  .blanco.form p {
    width: 100%; }
  .blanco.form .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: url("/images/site/oro-blanco/image-river.jpg") center center no-repeat;
    background-size: cover;
    z-index: -50; }
  .blanco.form .gradient {
    height: 200px; }
  .blanco.form .form-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .blanco.form .thank-you {
    height: 200px;
    margin-bottom: 140px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
    .blanco.form .thank-you.success {
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }
    .blanco.form .thank-you .wrapper {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .blanco.form .row {
    margin-bottom: 15px;
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms; }
    .blanco.form .row input {
      width: 100%; }
    .blanco.form .row.checkbox {
      position: relative;
      text-align: left; }
      .blanco.form .row.checkbox input[type="checkbox"] {
        display: inline;
        float: left;
        width: auto; }
      .blanco.form .row.checkbox label {
        color: #FFFFFF;
        display: block;
        float: right;
        font-size: 10px;
        letter-spacing: 2px;
        line-height: 15px;
        text-align: left;
        text-transform: uppercase;
        width: 94%; }
        .blanco.form .row.checkbox label a {
          border-bottom: 1px solid #fff;
          color: #FFFFFF; }
        .blanco.form .row.checkbox label.error {
          color: rgba(168, 34, 34, 0.75);
          display: block !important;
          font-weight: bold;
          margin: 5px 0; }
    .blanco.form .row .column {
      float: left; }
      .blanco.form .row .column.half {
        width: 50%; }
        .blanco.form .row .column.half:last-of-type {
          width: 47%;
          margin-left: 3%; }
      .blanco.form .row .column.third-big {
        width: 70%; }
      .blanco.form .row .column.third-small {
        width: 27%;
        margin-left: 3%; }
      @media only screen and (max-width: 479px) {
        .blanco.form .row .column {
          float: none; }
          .blanco.form .row .column.half {
            width: 100%; }
            .blanco.form .row .column.half:last-of-type {
              width: 100%;
              margin-left: 0;
              margin-top: 15px; }
          .blanco.form .row .column.third-big {
            width: 100%; }
          .blanco.form .row .column.third-small {
            width: 100%;
            margin-left: 0; } }
    .blanco.form .row label.error {
      display: none !important; }
    .blanco.form .row.submit {
      background-color: transparent; }
  .blanco.form.success form .row {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
  .blanco.form form {
    position: relative;
    width: 100%;
    margin: 70px auto 0 auto;
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms; }
    .blanco.form form .hide {
      display: none; }
  .blanco.form .spinner {
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms;
    pointer-events: none;
    width: 100%;
    margin: -50px auto 50px auto; }
    .blanco.form .spinner div {
      background-color: rgba(255, 255, 255, 0.8); }
  .blanco.form .no-show {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
  @media only screen and (max-width: 479px) {
    .blanco.form.success {
      height: 1000px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .blanco.form {
      height: 1117px; }
      .blanco.form p {
        width: 100%; }
      .blanco.form form {
        width: 100%; }
      .blanco.form .gradient {
        height: 200px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .blanco.form {
      height: 1210px; }
      .blanco.form p {
        width: 85%; }
      .blanco.form form {
        width: 80%; }
      .blanco.form .gradient {
        height: 300px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .blanco.form {
      height: 1239px; }
      .blanco.form p {
        width: 75%; }
      .blanco.form form {
        width: 58%; }
      .blanco.form .gradient {
        height: 400px; } }
  @media only screen and (min-width: 1150px) {
    .blanco.form {
      height: 1239px; }
      .blanco.form p {
        width: 75%; }
      .blanco.form form {
        width: 55%; }
      .blanco.form .gradient {
        height: 400px; } }
  .blanco.form input[type=text], .blanco.form input[type=submit], .blanco.form select {
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    height: 50px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-align: left;
    padding-left: 18px;
    font: 300 17px/17px "Gotham A", "Gotham B", sans-serif;
    color: rgba(255, 255, 255, 0.5);
    outline: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    letter-spacing: 1px;
    transition: 0.4s ease 0ms;
    -moz-transition: 0.4s ease 0ms;
    -webkit-transition: 0.4s ease 0ms;
    -o-transition: 0.4s ease 0ms; }
    @media only screen and (max-width: 479px) {
      .blanco.form input[type=text], .blanco.form input[type=submit], .blanco.form select {
        padding-left: 9px;
        font: 300 13px/13px "Gotham A", "Gotham B", sans-serif; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .blanco.form input[type=text], .blanco.form input[type=submit], .blanco.form select {
        padding-left: 9px;
        font: 300 13px/13px "Gotham A", "Gotham B", sans-serif; } }
    .blanco.form input[type=text].placeholder, .blanco.form input[type=submit].placeholder, .blanco.form select.placeholder {
      color: white; }
    .blanco.form input[type=text]::-webkit-input-placeholder, .blanco.form input[type=submit]::-webkit-input-placeholder, .blanco.form select::-webkit-input-placeholder {
      /* WebKit browsers */
      color: rgba(255, 255, 255, 0.5); }
    .blanco.form input[type=text]:-moz-placeholder, .blanco.form input[type=submit]:-moz-placeholder, .blanco.form select:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: rgba(255, 255, 255, 0.5); }
    .blanco.form input[type=text]::-moz-placeholder, .blanco.form input[type=submit]::-moz-placeholder, .blanco.form select::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: rgba(255, 255, 255, 0.5); }
    .blanco.form input[type=text]:-ms-input-placeholder, .blanco.form input[type=submit]:-ms-input-placeholder, .blanco.form select:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: rgba(255, 255, 255, 0.5); }
    .blanco.form input[type=text]:focus::-webkit-input-placeholder, .blanco.form input[type=submit]:focus::-webkit-input-placeholder, .blanco.form select:focus::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #c59949; }
    .blanco.form input[type=text]:focus:-moz-placeholder, .blanco.form input[type=submit]:focus:-moz-placeholder, .blanco.form select:focus:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #c59949; }
    .blanco.form input[type=text]:focus::-moz-placeholder, .blanco.form input[type=submit]:focus::-moz-placeholder, .blanco.form select:focus::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #c59949; }
    .blanco.form input[type=text]:focus:-ms-input-placeholder, .blanco.form input[type=submit]:focus:-ms-input-placeholder, .blanco.form select:focus:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #c59949; }
  .blanco.form input[type=text], .blanco.form input[type=submit] {
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box;
    /* For all Gecko based browsers */
    box-sizing: border-box; }
    .blanco.form input[type=text].error, .blanco.form input[type=submit].error {
      background-color: rgba(197, 153, 73, 0.3); }
    .blanco.form input[type=text]:focus, .blanco.form input[type=submit]:focus {
      border: 1px solid rgba(255, 255, 255, 0.8); }
  .blanco.form input[type=submit] {
    width: 240px;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
    background-color: rgba(197, 153, 73, 0.75);
    color: #FFFFFF;
    font: 400 12px/14px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .blanco.form input[type=submit]:hover {
      background-color: #c59949; }
    .blanco.form input[type=submit]:focus {
      border: 0; }
  .blanco.form select {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("/images/site/oro-blanco/dropdown-arrow.png");
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 16px 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-indent: 0.01px;
    text-overflow: ''; }
    .blanco.form select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #c59949; }
    .blanco.form select[disabled] {
      opacity: 0.3;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=30);
      zoom: 1; }
    .blanco.form select.error {
      background-color: rgba(197, 153, 73, 0.3); }
    .blanco.form select:focus {
      border: 1px solid rgba(255, 255, 255, 0.8);
      color: #c59949; }
      .blanco.form select:focus option {
        color: #c59949; }
  .blanco.form option {
    color: rgba(255, 255, 255, 0.5); }
  .blanco.form select::-ms-expand {
    display: none; }
  .blanco.form .error-message-wrapper {
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms;
    color: rgba(197, 153, 73, 0.75);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1; }
    .blanco.form .error-message-wrapper.no-show {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1; }





.event-add-this iframe#twitter-widget-0 {
  width: 80px !important; }

#events-cat-mobile {
  margin: 15px 0 15px 0;
  background-color: #c59949; }
  #events-cat-mobile #filter-event-categories {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 0 25px; }
    #events-cat-mobile #filter-event-categories:before, #events-cat-mobile #filter-event-categories:after {
      content: " ";
      display: table; }
    #events-cat-mobile #filter-event-categories:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #events-cat-mobile #filter-event-categories {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #events-cat-mobile #filter-event-categories {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #events-cat-mobile #filter-event-categories {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      #events-cat-mobile #filter-event-categories {
        width: 1150px; } }
    #events-cat-mobile #filter-event-categories .mobile {
      width: 100%;
      padding: 7px 0;
      overflow: hidden;
      background: url("images/site/down_arrow.png") no-repeat right;
      background-size: 15px 9px; }
      #events-cat-mobile #filter-event-categories .mobile select {
        background: transparent;
        width: 100%;
        padding: 5px;
        font-size: 16px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        padding: 7px 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        outline: none;
        color: #FFFFFF;
        font: 400 0.625em/14px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase; }
        #events-cat-mobile #filter-event-categories .mobile select:-moz-focusring {
          color: transparent;
          text-shadow: 0 0 0 #FFFFFF; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #events-cat-mobile {
      display: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #events-cat-mobile {
      display: none; } }
  @media only screen and (min-width: 1150px) {
    #events-cat-mobile {
      display: none; } }

#all-events, #all-events-header {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #all-events:before, #all-events:after, #all-events-header:before, #all-events-header:after {
    content: " ";
    display: table; }
  #all-events:after, #all-events-header:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #all-events, #all-events-header {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #all-events, #all-events-header {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #all-events, #all-events-header {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #all-events, #all-events-header {
      width: 1150px; } }
  #all-events .section-header, #all-events-header .section-header {
    margin-bottom: 0;
    letter-spacing: 2px; }
  #all-events .sidebar, #all-events-header .sidebar {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%;
    display: none;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: right; }
    #all-events .sidebar:last-child, #all-events-header .sidebar:last-child {
      margin-right: 0; }
    #all-events .sidebar .sticky, #all-events-header .sidebar .sticky {
      margin-right: -35px;
      border-bottom: 1px solid #e0e0e0; }
      #all-events .sidebar .sticky .wrapper, #all-events-header .sidebar .sticky .wrapper {
        margin-right: 35px;
        padding-bottom: 10px; }
        #all-events .sidebar .sticky .wrapper a, #all-events-header .sidebar .sticky .wrapper a {
          color: #c4c4c4; }
          #all-events .sidebar .sticky .wrapper a.active, #all-events-header .sidebar .sticky .wrapper a.active {
            color: #000000; }
        #all-events .sidebar .sticky .wrapper h3.header, #all-events-header .sidebar .sticky .wrapper h3.header {
          color: #c59949;
          font: 600 0.625em/14px "Gotham A", "Gotham B", sans-serif;
          letter-spacing: 2px; }
        #all-events .sidebar .sticky .wrapper ul li, #all-events-header .sidebar .sticky .wrapper ul li {
          list-style: none;
          font: 400 0.9375em/32px "Gotham A", "Gotham B", sans-serif;
          letter-spacing: 2px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #all-events .sidebar, #all-events-header .sidebar {
        display: block; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #all-events .sidebar, #all-events-header .sidebar {
        display: block; } }
    @media only screen and (min-width: 1150px) {
      #all-events .sidebar, #all-events-header .sidebar {
        display: block; } }
  #all-events .feed, #all-events-header .feed {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #all-events .feed:last-child, #all-events-header .feed:last-child {
      margin-right: 0; }
    #all-events .feed a, #all-events-header .feed a {
      display: block;
      margin-bottom: 15px;
      overflow: hidden; }
      #all-events .feed a:last-of-type, #all-events-header .feed a:last-of-type {
        margin-bottom: 0; }
    #all-events .feed article, #all-events-header .feed article {
      transition: 0.4s ease 0ms;
      -moz-transition: 0.4s ease 0ms;
      -webkit-transition: 0.4s ease 0ms;
      -o-transition: 0.4s ease 0ms;
      display: table;
      position: relative;
      width: 100%;
      color: #FFFFFF;
      background-color: transparent;
      height: 195px;
      padding: 12px; }
      #all-events .feed article .info, #all-events-header .feed article .info {
        display: table-cell;
        vertical-align: bottom; }
        #all-events .feed article .info .categories, #all-events-header .feed article .info .categories {
          position: absolute;
          top: 12px;
          left: 12px;
          text-transform: uppercase;
          margin-bottom: 12px;
          font-size: 12px;
          letter-spacing: 4px; }
        #all-events .feed article .info h2, #all-events-header .feed article .info h2 {
          font: 400 1.4375em/23px "Gotham A", "Gotham B", sans-serif; }
        #all-events .feed article .info .location-header, #all-events-header .feed article .info .location-header {
          display: block;
          margin-top: 8px;
          font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
        #all-events .feed article .info p, #all-events-header .feed article .info p {
          font: 400 0.625em/12px "Gotham A", "Gotham B", sans-serif; }
      #all-events .feed article .alpha, #all-events-header .feed article .alpha {
        z-index: -10;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #c59949;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      #all-events .feed article.image, #all-events-header .feed article.image {
        background-color: rgba(0, 0, 0, 0.3); }
      #all-events .feed article.hover, #all-events-header .feed article.hover {
        background-color: rgba(197, 153, 73, 0.75) !important; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #all-events .feed, #all-events-header .feed {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #all-events .feed:last-child, #all-events-header .feed:last-child {
          margin-right: 0; }
        #all-events .feed a, #all-events-header .feed a {
          display: block;
          margin-bottom: 24px; }
          #all-events .feed a:last-of-type, #all-events-header .feed a:last-of-type {
            margin-bottom: 0; }
        #all-events .feed article, #all-events-header .feed article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #all-events .feed article .info, #all-events-header .feed article .info {
            padding-right: 100px; }
            #all-events .feed article .info .categories, #all-events-header .feed article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #all-events .feed article .info h2, #all-events-header .feed article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info .location-header, #all-events-header .feed article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info p, #all-events-header .feed article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #all-events .feed article.hero, #all-events-header .feed article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #all-events .feed article.hover, #all-events-header .feed article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #all-events .feed, #all-events-header .feed {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #all-events .feed:last-child, #all-events-header .feed:last-child {
          margin-right: 0; }
        #all-events .feed a, #all-events-header .feed a {
          display: block;
          margin-bottom: 24px; }
          #all-events .feed a:last-of-type, #all-events-header .feed a:last-of-type {
            margin-bottom: 0; }
        #all-events .feed article, #all-events-header .feed article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #all-events .feed article .info, #all-events-header .feed article .info {
            padding-right: 175px; }
            #all-events .feed article .info .categories, #all-events-header .feed article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #all-events .feed article .info h2, #all-events-header .feed article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info .location-header, #all-events-header .feed article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info p, #all-events-header .feed article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #all-events .feed article.hero, #all-events-header .feed article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #all-events .feed article.hover, #all-events-header .feed article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }
    @media only screen and (min-width: 1150px) {
      #all-events .feed, #all-events-header .feed {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #all-events .feed:last-child, #all-events-header .feed:last-child {
          margin-right: 0; }
        #all-events .feed a, #all-events-header .feed a {
          display: block;
          margin-bottom: 24px; }
          #all-events .feed a:last-of-type, #all-events-header .feed a:last-of-type {
            margin-bottom: 0; }
        #all-events .feed article, #all-events-header .feed article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #all-events .feed article .info, #all-events-header .feed article .info {
            padding-right: 250px; }
            #all-events .feed article .info .categories, #all-events-header .feed article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #all-events .feed article .info h2, #all-events-header .feed article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info .location-header, #all-events-header .feed article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #all-events .feed article .info p, #all-events-header .feed article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #all-events .feed article.hero, #all-events-header .feed article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #all-events .feed article.hover, #all-events-header .feed article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }

#single-event-image {
  height: 200px;
  background-color: #c59949;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin-bottom: 40px; }
  #single-event-image.small {
    height: 50px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #single-event-image {
      height: 240px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #single-event-image {
      height: 360px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #single-event-image {
      height: 460px; } }
  @media only screen and (min-width: 1150px) {
    #single-event-image {
      height: 460px; } }

#page-toolbar {
  background-color: #c5b9ac;
  text-align: center; }
  #page-toolbar .wrapper {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 0 25px; }
    #page-toolbar .wrapper:before, #page-toolbar .wrapper:after {
      content: " ";
      display: table; }
    #page-toolbar .wrapper:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #page-toolbar .wrapper {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #page-toolbar .wrapper {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #page-toolbar .wrapper {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      #page-toolbar .wrapper {
        width: 1150px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #page-toolbar {
      background-color: transparent;
      text-align: left; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #page-toolbar {
      background-color: transparent;
      text-align: left; } }
  @media only screen and (min-width: 1150px) {
    #page-toolbar {
      background-color: transparent;
      text-align: left; } }

#single-event {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  position: relative; }
  #single-event:before, #single-event:after {
    content: " ";
    display: table; }
  #single-event:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #single-event {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #single-event {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #single-event {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #single-event {
      width: 1150px; } }
  #single-event .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #single-event .left:last-child {
      margin-right: 0; }
    #single-event .left .wrapper {
      padding-bottom: 15px;
 /*      margin-bottom: 20px; */
      border-bottom: 1px solid #e0e0e0; }
      #single-event .left .wrapper .categories {
        text-transform: uppercase;
        margin-bottom: 12px;
        font-size: 17px; }
      #single-event .left .wrapper h2 {
        font: 400 1.875em/34px "Gotham A", "Gotham B", sans-serif; }
      #single-event .left .wrapper h3 {
        font: 600 0.9375em/18px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 3px; }
    #single-event .left .post-date {
      display: block;
      text-transform: uppercase;
      font: 600 0.625em/26px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 3px;
      padding-left: 7px; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #single-event .left {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #single-event .left:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #single-event .left {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 40.42553%; }
        #single-event .left:last-child {
          margin-right: 0; }
        #single-event .left .wrapper {
          width: 250px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #single-event .left {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 40.42553%; }
        #single-event .left:last-child {
          margin-right: 0; }
        #single-event .left .wrapper {
          width: 350px; } }
    @media only screen and (min-width: 1150px) {
      #single-event .left {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 40.42553%; }
        #single-event .left:last-child {
          margin-right: 0; }
        #single-event .left .wrapper {
          width: 350px; } }
  #single-event .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-top: 10px; }
    #single-event .right:last-child {
      margin-right: 0; }
    #single-event .right .date-header {
      display: block;
      font: 400 1.25em/26px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 18px; }
      #single-event .right .date-header:after {
        margin-top: 18px;
        display: block;
        content: " ";
        width: 100px;
        border-top: #000000 3px solid; }
    #single-event .right .location-header {
      display: block;
      font: 600 1.0625em/17px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 10px;
      text-transform: uppercase; }
    #single-event .right .event-body p {
      font: 400 1.25em/30px "Mercury Display A", "Mercury Display B", serif; }
      #single-event .right .event-body p:last-of-type {
        margin-bottom: 40px; }
    #single-event .right .event-body a {
      color: #c59949; }
    #single-event .right .event-body img {
      width: 100%;
      display: block; }
    #single-event .right .event-body ins {
      background-color: transparent;
      color: #c59949; }
    #single-event .right .event-body h1 {
      font: 600 1.875em/40px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body h2 {
      font: 600 1.75em/38px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body h3 {
      font: 600 1.625em/36px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body h4 {
      font: 600 1.5em/34px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body h5 {
      font: 600 1.375em/32px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body h6 {
      font: 600 1.25em/30px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body ul {
      margin: 5px 20px;
      font: 400 1.25em/22px "Mercury Display A", "Mercury Display B", serif; }
    #single-event .right .event-body blockquote {
      position: relative;
      color: #c59949;
      border: 2px solid #c59949;
      border-left: 0;
      border-right: 0;
      margin-bottom: 30px;
      margin-top: 30px;
      text-align: center;
      font: 400 italic 2.3125em/40px "Mercury Display A", "Mercury Display B", serif;
      padding: 30px 0 20px 0; }
      #single-event .right .event-body blockquote:after {
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        text-align: center;
        content: '“';
        color: #FFFFFF;
        font: 400 italic 1.25em/36px "Mercury Display A", "Mercury Display B", serif; }
      #single-event .right .event-body blockquote:before {
        position: absolute;
        top: -11px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #c59949;
        content: " ";
        width: 21px;
        height: 21px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg));
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg))";
        zoom: 1; }
    #single-event .right p {
      font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 40px; }
      #single-event .right p:last-of-type {
        margin-bottom: 0; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #single-event .right {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #single-event .right:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #single-event .right {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #single-event .right:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #single-event .right {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #single-event .right:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1150px) {
      #single-event .right {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #single-event .right:last-child {
          margin-right: 0; } }

#where-to-buy {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  display: none;
  padding: 0 25px;
  position: relative; }
  #where-to-buy:before, #where-to-buy:after {
    content: " ";
    display: table; }
  #where-to-buy:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #where-to-buy {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #where-to-buy {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #where-to-buy {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #where-to-buy {
      width: 1150px; } }
  #where-to-buy .list {
    margin-right: 0 !important; }
    #where-to-buy .list .items {
      position: relative; }
      #where-to-buy .list .items .header {
        display: block;
        width: 100%;
        padding: 0 25px;
        text-transform: uppercase;
        font: 600 0.625em/24px "Gotham A", "Gotham B", sans-serif;
        color: #000000;
        letter-spacing: 3px; }
        #where-to-buy .list .items .header.Flagship {
          color: #674836;
          background-color: #c59949; }
        #where-to-buy .list .items .header.Retailer {
          color: #FFFFFF;
          background-color: #674836; }
        #where-to-buy .list .items .header.Lounge {
          background-color: #444444;
          color: #FFFFFF; }
      #where-to-buy .list .items .cover {
        transition: 0.2s ease 0ms;
        -moz-transition: 0.2s ease 0ms;
        -webkit-transition: 0.2s ease 0ms;
        -o-transition: 0.2s ease 0ms;
        cursor: pointer;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #FFFFFF;
        text-align: center;
        text-transform: uppercase;
        font: 400 0.6875em/30px "Gotham A", "Gotham B", sans-serif;
        color: #8d7040;
        letter-spacing: 1px;
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1; }
        #where-to-buy .list .items .cover.nudge {
          visibility: visible;
          opacity: 0.95;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=95);
          zoom: 1; }
      #where-to-buy .list .items .show-marker {
        cursor: pointer;
        display: block;
        border-bottom: 1px solid #c59949; }
      #where-to-buy .list .items .store {
        padding: 15px 85px 15px 25px;
        background: url("/images/site/right-arrow.png") no-repeat 95% 50%;
        background-size: 12px 22px; }
        #where-to-buy .list .items .store:last-of-type {
          border-bottom: none; }
        #where-to-buy .list .items .store .info {
          color: #000000; }
          #where-to-buy .list .items .store .info .name {
            display: block;
            font: 600 0.75em/14px "Gotham A", "Gotham B", sans-serif; }
          #where-to-buy .list .items .store .info .address {
            display: block;
            font: 400 0.75em/14px "Gotham A", "Gotham B", sans-serif; }
          #where-to-buy .list .items .store .info .country {
            color: #e0e0e0;
            font: 600 0.625em/18px "Gotham A", "Gotham B", sans-serif;
            letter-spacing: 2px;
            text-transform: uppercase; }
        #where-to-buy .list .items .store ul#store-conact-info li {
          color: #c59949;
          display: inline-block;
          font: 600 10px/10px "Gotham A", "Gotham B", sans-serif;
          text-transform: uppercase;
          letter-spacing: 2px; }
          #where-to-buy .list .items .store ul#store-conact-info li a {
            color: #c59949; }
          #where-to-buy .list .items .store ul#store-conact-info li:first-of-type {
            padding-right: 20px; }
        #where-to-buy .list .items .store ul#store-conact-info i.icon-right-open {
          font-size: 12px;
          line-height: 10px; }
        #where-to-buy .list .items .store ul#store-conact-info .phone-link.hide {
          display: none; }
        #where-to-buy .list .items .store a {
          color: #c59949; }
    @media only screen and (max-width: 479px) {
      #where-to-buy .list {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #where-to-buy .list .items .store {
          background: transparent;
          cursor: default; }
        #where-to-buy .list:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #where-to-buy .list {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #where-to-buy .list .items .store {
          background: transparent;
          cursor: default; }
        #where-to-buy .list:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #where-to-buy .list {
        border: 1px solid #f3f3f3;
        border-right: 0;
        position: absolute;
        width: 280px;
        top: 0;
        left: 25px;
        bottom: 0; }
        #where-to-buy .list .items {
          height: 490px !important;
          overflow: hidden !important; }
          #where-to-buy .list .items .item-wrapper {
            width: 100% !important;
            overflow: auto !important;
            height: 488px !important; }
            #where-to-buy .list .items .item-wrapper a {
              height: auto; }
        #where-to-buy .list .store .country {
          display: block; }
        #where-to-buy .list .fade {
          z-index: 10;
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          height: 24px;
          background: url("/images/site/wtb-fade.png") top left repeat-x;
          background-size: 3px 24px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #where-to-buy .list {
        border: 1px solid #f3f3f3;
        border-right: 0;
        position: absolute;
        width: 280px;
        top: 0;
        left: 25px;
        bottom: 0; }
        #where-to-buy .list .items {
          height: 490px !important;
          overflow: hidden !important; }
          #where-to-buy .list .items .item-wrapper {
            width: 100% !important;
            overflow: auto !important;
            height: 488px !important; }
            #where-to-buy .list .items .item-wrapper a {
              height: auto; }
        #where-to-buy .list .store .country {
          display: block; }
        #where-to-buy .list .fade {
          z-index: 10;
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          height: 24px;
          background: url("/images/site/wtb-fade.png") top left repeat-x;
          background-size: 3px 24px; } }
    @media only screen and (min-width: 1150px) {
      #where-to-buy .list {
        border: 1px solid #f3f3f3;
        border-right: 0;
        position: absolute;
        width: 280px;
        top: 0;
        left: 25px;
        bottom: 0; }
        #where-to-buy .list .items {
          height: 490px !important;
          overflow: hidden !important; }
          #where-to-buy .list .items .item-wrapper {
            width: 100% !important;
            overflow: auto !important;
            height: 488px !important; }
            #where-to-buy .list .items .item-wrapper a {
              height: auto; }
        #where-to-buy .list .fade {
          z-index: 10;
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          height: 24px;
          background: url("/images/site/wtb-fade.png") top left repeat-x;
          background-size: 3px 24px; }
        #where-to-buy .list .store .country {
          display: block; } }
  #where-to-buy .map {
    border: 1px solid #f3f3f3;
    display: none; }
    #where-to-buy .map .ui-infobox-content {
      padding: 0 !important;
      background-color: #FFFFFF; }
      #where-to-buy .map .ui-infobox-content img {
        width: 100%; }
    #where-to-buy .map .davidoff-infobox {
      background-color: #FFFFFF;
      border: 1px solid #c59949; }
      #where-to-buy .map .davidoff-infobox.Retailer {
        border: 1px solid #674836; }
      #where-to-buy .map .davidoff-infobox.Lounge {
        border: 1px solid #444444; }
      #where-to-buy .map .davidoff-infobox .type {
        background-color: #c59949;
        display: block;
        text-align: center;
        padding: 0 5px;
        text-transform: uppercase;
        font: 600 0.875em/26px "Gotham A", "Gotham B", sans-serif;
        color: #674836;
        letter-spacing: 3px; }
        #where-to-buy .map .davidoff-infobox .type.Retailer {
          background-color: #674836;
          color: #FFFFFF; }
        #where-to-buy .map .davidoff-infobox .type.Lounge {
          background-color: #444444;
          color: #FFFFFF; }
      #where-to-buy .map .davidoff-infobox .image-info {
        position: relative;
        height: 150px;
        background-image: url("/images/site/locations-default.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
        #where-to-buy .map .davidoff-infobox .image-info .info {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 10px 15px 10px 15px;
          color: #FFFFFF; }
          #where-to-buy .map .davidoff-infobox .image-info .info .title {
            display: block;
            font: 600 1.625em/23px "Gotham A", "Gotham B", sans-serif; }
          #where-to-buy .map .davidoff-infobox .image-info .info .phone {
            display: block;
            font: 400 1.625em/23px "Gotham A", "Gotham B", sans-serif; }
      #where-to-buy .map .davidoff-infobox .body {
        margin: 10px 15px 0 15px;
        padding-bottom: 10px;
        font: 400 1.125em/16px "Gotham A", "Gotham B", sans-serif;
        border-bottom: 1px solid #c59949; }
      #where-to-buy .map .davidoff-infobox .actions {
        margin: 0 15px 0 15px;
        /*list-style: none;
        li {
        	font:400 em(18)/34px $gotham;
        	color: $gold;
        	&.left {
        		float: left;
        	}
        	&.right {
        		float: right;
        	}
        }*/ }
        #where-to-buy .map .davidoff-infobox .actions form input[type="submit"] {
          cursor: pointer;
          background-color: transparent;
          font: 400 1.125em/34px "Gotham A", "Gotham B", sans-serif;
          height: 34px;
          color: #c59949;
          -webkit-appearance: none;
          -moz-appearance: none;
          outline: none;
          border: none;
          border-radius: 0;
          margin: 0;
          padding: 0; }
        #where-to-buy .map .davidoff-infobox .actions i {
          cursor: pointer; }
        #where-to-buy .map .davidoff-infobox .actions ul {
          list-style-type: none; }
        #where-to-buy .map .davidoff-infobox .actions li a {
          color: #c59949;
          font: 400 12px/30px "Gotham A", "Gotham B", sans-serif; }
        #where-to-buy .map .davidoff-infobox .actions .left {
          float: left; }
        #where-to-buy .map .davidoff-infobox .actions .right {
          float: right; }
        #where-to-buy .map .davidoff-infobox .actions #directions-form {
          float: left; }
        #where-to-buy .map .davidoff-infobox .actions #street-view-form {
          float: right; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #where-to-buy .map {
        position: absolute;
        top: 0;
        right: 25px;
        bottom: 0;
        width: 438px;
        display: block; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #where-to-buy .map {
        position: absolute;
        top: 0;
        right: 25px;
        bottom: 0;
        width: 694px;
        display: block; } }
    @media only screen and (min-width: 1150px) {
      #where-to-buy .map {
        position: absolute;
        top: 0;
        right: 25px;
        bottom: 0;
        width: 676px;
        display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #where-to-buy {
      height: 530px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #where-to-buy {
      height: 530px; } }
  @media only screen and (min-width: 1150px) {
    #where-to-buy {
      height: 530px; } }
  #where-to-buy.active {
    display: block; }

#where-to-buy-form {
  position: relative; }
  #where-to-buy-form ::-webkit-input-placeholder {
    color: #FFFFFF;
    text-transform: uppercase; }
  #where-to-buy-form :-moz-placeholder {
    /* Firefox 18- */
    color: #FFFFFF;
    text-transform: uppercase; }
  #where-to-buy-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #FFFFFF;
    text-transform: uppercase; }
  #where-to-buy-form :-ms-input-placeholder {
    color: #FFFFFF;
    text-transform: uppercase; }
  #where-to-buy-form form {
    position: relative;
    width: 100%; }
  #where-to-buy-form button {
    color: #c59949;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-spacing: 0;
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.42rem;
    list-style: none outside none;
    margin: 0;
    margin-top: 8px;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0; }
  #where-to-buy-form button::-moz-focus-inner, #where-to-buy-form input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #where-to-buy-form .button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    color: #c59949;
    background-color: #000000;
    font: 400 1.25em/40px "Gotham A", "Gotham B", sans-serif;
    text-align: center; }
  #where-to-buy-form .location {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    color: #8d7040;
    font: 400 1.25em/40px "Gotham A", "Gotham B", sans-serif;
    text-align: center; }
    #where-to-buy-form .location.nudge {
      opacity: 1; }
  #where-to-buy-form input {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    width: 100%;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    border: none;
    border-radius: 0;
    margin: 0;
    text-transform: uppercase;
    font: 400 0.75em/40px "Gotham A", "Gotham B", sans-serif;
    height: 40px; }
    #where-to-buy-form input:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #FFFFFF; }
    #where-to-buy-form input[type="text"] {
      padding: 0 50px 0 25px;
      color: #FFFFFF;
      background-color: #454545; }
    #where-to-buy-form input[type="submit"] {
      color: #c59949;
      background-color: #000000; }
    #where-to-buy-form input.nudge {
      background-color: #c59949; }

#wtb-overlay {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  display: none;
  padding: 0 25px;
  position: relative;
  height: 100%;
  text-align: center;
  text-transform: uppercase; }
  #wtb-overlay:before, #wtb-overlay:after {
    content: " ";
    display: table; }
  #wtb-overlay:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #wtb-overlay {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #wtb-overlay {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #wtb-overlay {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #wtb-overlay {
      width: 1150px; } }
  #wtb-overlay .back {
    background-color: #454545;
    color: #FFFFFF;
    display: inline-block;
    font: 500 0.75em/40px "Gotham A", "Gotham B", sans-serif;
    width: 100%;
    height: 40px;
    background: #454545 url("/images/site/left-arrow.png") no-repeat 5% 50%;
    background-size: 10px 20px; }
  #wtb-overlay .type {
    display: block;
    font: 600 0.625em/19px "Gotham A", "Gotham B", sans-serif;
    color: #000000;
    letter-spacing: 3px; }
    #wtb-overlay .type.Flagship {
      color: #674836;
      background-color: #c59949; }
    #wtb-overlay .type.Retailer {
      color: #FFFFFF;
      background-color: #674836; }
    #wtb-overlay .type.Lounge {
      background-color: #444444;
      color: #FFFFFF; }
  #wtb-overlay .hero {
    text-transform: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    height: 150px; }
  #wtb-overlay .copy-wrapper {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px; }
    #wtb-overlay .copy-wrapper .item {
      display: block;
      color: #FFFFFF; }
    #wtb-overlay .copy-wrapper .title {
      font: 500 20px/22px "Gotham A", "Gotham B", sans-serif; }
    #wtb-overlay .copy-wrapper .number {
      font: 400 16px/22px "Gotham A", "Gotham B", sans-serif; }
  #wtb-overlay .body {
    background-color: #FFFFFF;
    text-transform: none;
    padding-bottom: 15px; }
    #wtb-overlay .body .address {
      font: 400 17px/20px "Gotham A", "Gotham B", sans-serif;
      padding: 15px 0 10px 0; }
    #wtb-overlay .body .country {
      color: #c9c9c9;
      font: 400 13px/14px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase; }
  #wtb-overlay .button {
    background-color: #c59949;
    color: #8d7040;
    display: block;
    font: 500 16px/50px "Gotham A", "Gotham B", sans-serif;
    text-align: left;
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px; }
    #wtb-overlay .button:hover {
      background-color: #8d7040;
      color: #c59949; }
    #wtb-overlay .button i {
      position: absolute;
      top: 30%;
      bottom: 0;
      right: 8px;
      font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
      color: rgba(0, 0, 0, 0.5); }
  #wtb-overlay.active {
    display: block; }

.play-wobble-animation {
  -webkit-animation: modalWobble 1000ms forwards ease;
  -o-animation: modalWobble 1000ms forwards ease;
  animation: modalWobble 1000ms forwards ease; }

@-webkit-keyframes modalWobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); } }
@-o-keyframes modalWobble {
  0% {
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
@keyframes modalWobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }
#craftsmanship-hero {
  background: url("/images/site/craftsmanship/hero-craftsmanship-mobile.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  display: table;
  height: 300px;
  width: 100%;
  text-align: center; }
  #craftsmanship-hero .title-wrapper {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px; }
    #craftsmanship-hero .title-wrapper .title {
      margin: 0 auto;
      border: 1px solid #FFFFFF;
      border-right: 0;
      border-left: 0;
      width: 100%;
      text-transform: uppercase;
      color: #FFFFFF;
      padding: 20px 0;
      letter-spacing: 4px; }
      #craftsmanship-hero .title-wrapper .title h1 {
        font: 600 1.5em/26px "Gotham A", "Gotham B", sans-serif;
        margin-bottom: 10px; }
      #craftsmanship-hero .title-wrapper .title h2 {
        font: 400 0.9375em/18px "Gotham A", "Gotham B", sans-serif; }
  #craftsmanship-hero .cta {
    cursor: pointer;
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 28%;
    text-align: center;
    height: 50px; }
    #craftsmanship-hero .cta span {
      display: block;
      text-transform: uppercase;
      color: #FFFFFF;
      background-color: #c59949;
      font: 400 0.875em/50px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }
    #craftsmanship-hero .cta .arrow-down {
      position: absolute;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 14px solid #FFFFFF; }
      #craftsmanship-hero .cta .arrow-down.left {
        left: 20px;
        top: 20px;
        bottom: 0; }
      #craftsmanship-hero .cta .arrow-down.right {
        right: 20px;
        top: 20px;
        bottom: 0;
        left: auto; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #craftsmanship-hero {
      background: url("/images/site/craftsmanship/hero-craftsmanship.jpg") no-repeat center center;
      height: 580px;
      background-size: cover; }
      #craftsmanship-hero .title-wrapper {
        padding: 0; }
        #craftsmanship-hero .title-wrapper .title {
          width: 60%; }
          #craftsmanship-hero .title-wrapper .title h1 {
            font: 600 1.875em/40px "Gotham A", "Gotham B", sans-serif;
            margin-bottom: 0; }
          #craftsmanship-hero .title-wrapper .title h2 {
            font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif; }
      #craftsmanship-hero .cta {
        display: block; } }
  @media only screen and (min-width: 1150px) {
    #craftsmanship-hero {
      background: url("/images/site/craftsmanship/hero-craftsmanship.jpg") no-repeat center center;
      height: 580px;
      background-size: cover; }
      #craftsmanship-hero .title-wrapper {
        padding: 0; }
        #craftsmanship-hero .title-wrapper .title {
          width: 60%; }
          #craftsmanship-hero .title-wrapper .title h1 {
            font: 600 1.875em/40px "Gotham A", "Gotham B", sans-serif;
            margin-bottom: 0; }
          #craftsmanship-hero .title-wrapper .title h2 {
            font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif; }
      #craftsmanship-hero .cta {
        display: block; } }

#journey-start {
  text-align: center; }
  #journey-start span {
    display: block;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #c59949;
    padding: 0 20px;
    font: 400 1.375em/24px "Gotham A", "Gotham B", sans-serif;
    margin: 30px 0; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #journey-start span {
      padding: 0;
      font: 400 2em/200px "Gotham A", "Gotham B", sans-serif;
      margin: 0 0; } }
  @media only screen and (min-width: 1150px) {
    #journey-start span {
      padding: 0;
      font: 400 2.1875em/200px "Gotham A", "Gotham B", sans-serif;
      margin: 0 0; } }

#fields {
  position: relative;
  background: url("/images/site/craftsmanship/fields-craftsmanship-mobile.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  height: 400px;
  width: 100%;
  text-align: center;
  display: table;
  overflow: hidden;
  -moz-overflow: hidden; }
  #fields .content {
    display: table-cell;
    vertical-align: middle; }
    #fields .content p {
      margin: 0 auto;
      width: 80%;
      color: #FFFFFF;
      font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #fields {
      display: block;
      background: none;
      height: 250px; }
      #fields .fields-container {
        position: absolute;
        top: -200;
        right: 0;
        bottom: 200;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 350px;
        background: url("/images/site/craftsmanship/fields-craftsmanship.jpg") no-repeat center center;
        background-size: 200% auto;
        -webkit-transform: translate3d(0, 0, 0); }
      #fields .content {
        display: inline-block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        #fields .content p {
          width: 40%; } }
  @media only screen and (min-width: 1150px) {
    #fields {
      display: block;
      background: none;
      height: 250px; }
      #fields .fields-container {
        position: absolute;
        top: -200;
        right: 0;
        bottom: 200;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 350px;
        background: url("/images/site/craftsmanship/fields-craftsmanship.jpg") no-repeat center center;
        background-size: 200% auto;
        -webkit-transform: translate3d(0, 0, 0); }
      #fields .content {
        display: inline-block;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        #fields .content p {
          width: 40%; } }

#soil-header {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  text-align: center; }
  #soil-header:before, #soil-header:after {
    content: " ";
    display: table; }
  #soil-header:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #soil-header {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #soil-header {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #soil-header {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #soil-header {
      width: 1150px; } }
  #soil-header .horizontal-rule {
    position: relative;
    background-color: #c59949;
    height: 0;
    margin-top: 50px; }
    #soil-header .horizontal-rule span {
      position: relative;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      width: 40%;
      top: -15px; }
      #soil-header .horizontal-rule span h2 {
        display: inline-block;
        color: #c59949;
        padding: 0 30px;
        text-transform: uppercase;
        font: 400 0.9375em/20px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 2px;
        background-color: #FFFFFF; }
    #soil-header .horizontal-rule .circle {
      display: none;
      position: absolute;
      top: -5px;
      background-color: #c59949;
      height: 11px;
      width: 11px;
      border-radius: 11px; }
      #soil-header .horizontal-rule .circle.left {
        left: 0; }
      #soil-header .horizontal-rule .circle.right {
        right: 0; }
  #soil-header .content {
    margin-top: 40px; }
    #soil-header .content span {
      display: block;
      font: 400 1.25em/24px "Gotham A", "Gotham B", sans-serif;
      color: #674836; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #soil-header .horizontal-rule {
      height: 1px; }
      #soil-header .horizontal-rule span {
        position: absolute;
        width: 45%; }
        #soil-header .horizontal-rule span h2 {
          padding: 0 20px;
          font: 400 0.9375em/30px "Gotham A", "Gotham B", sans-serif; }
      #soil-header .horizontal-rule .circle {
        display: block; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #soil-header .horizontal-rule {
      height: 1px; }
      #soil-header .horizontal-rule span {
        position: absolute;
        width: 45%; }
        #soil-header .horizontal-rule span h2 {
          padding: 0 20px;
          font: 400 0.9375em/30px "Gotham A", "Gotham B", sans-serif; }
      #soil-header .horizontal-rule .circle {
        display: block; }
    #soil-header .content {
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      font: 600 0.9375em/30px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1150px) {
    #soil-header .horizontal-rule {
      height: 1px; }
      #soil-header .horizontal-rule span {
        position: absolute; }
        #soil-header .horizontal-rule span h2 {
          padding: 0 20px;
          font: 400 0.9375em/30px "Gotham A", "Gotham B", sans-serif; }
      #soil-header .horizontal-rule .circle {
        display: block; }
    #soil-header .content {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      font: 600 0.9375em/30px "Gotham A", "Gotham B", sans-serif; } }

#diamonds {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  position: relative;
  cursor: pointer; }
  #diamonds:before, #diamonds:after {
    content: " ";
    display: table; }
  #diamonds:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #diamonds {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #diamonds {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #diamonds {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #diamonds {
      width: 1150px; } }
  #diamonds .diamonds {
    margin: 20px 0 0 0;
    /* flip the pane when hovered */
    /* flip speed goes here */
    /* hide back of pane during swap */
    /* front pane, placed above back */
    /* back, initially hidden pane */
    /*.item {
    	position: absolute;
    	height: 225px;
    	width: 225px;
    	background-color: $gold;
    	@include box-shadow(0, 0, 10px, rgba(0,0,0,0.5));
    	@include rotate(-45deg);
    	overflow: hidden;
    	.image {
    		@include rotate(45deg);
    		//margin-left:-40px;
    		margin-top: 110px;
    		text-transform: uppercase;
    		color: #FFFFFF;
    		letter-spacing: 4px;
    		font: 600 em(14)/14px $gotham;
    		img {
    			width:467px;
    		}
    	}
    	&.one {
    		left:60px;
    		background:url('/images/site/craftsmanship/diamond-climate.jpg') no-repeat center center;
    		background-size: 332px 329px;
    	}
    	&.two {
    		left:0;
    		right:0;
    		margin:0 auto;
    		background:url('/images/site/craftsmanship/diamond-soil.jpg') no-repeat center center;
    		background-size: 332px 329px;
    	}
    	&.three {
    		right:60px;
    		background:url('/images/site/craftsmanship/diamond-weather.jpg') no-repeat center center;
    		background-size: 332px 329px;
    	}
    }*/ }
    #diamonds .diamonds .item {
      text-align: center;
      perspective: 1000;
      position: relative;
      z-index: 400;
      margin: 10px auto 0 auto; }
      #diamonds .diamonds .item img {
        width: 100%; }
      #diamonds .diamonds .item span {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        vertical-align: middle;
        text-transform: uppercase;
        color: #FFFFFF;
        letter-spacing: 4px;
        font: 600 0.875em/328px "Gotham A", "Gotham B", sans-serif; }
      #diamonds .diamonds .item .copy {
        position: absolute;
        display: table;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto auto;
        width: 200px;
        height: 100%; }
        #diamonds .diamonds .item .copy p {
          display: table-cell;
          vertical-align: middle;
          font: 400 0.875em/20px "Gotham A", "Gotham B", sans-serif;
          color: #FFFFFF; }
    #diamonds .diamonds .item:hover .flipper, #diamonds .diamonds .item.hover .flipper {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    #diamonds .diamonds .item, #diamonds .diamonds .front, #diamonds .diamonds .back {
      width: 270px;
      height: 270px; }
    #diamonds .diamonds .flipper {
      -webkit-transition: 0.6s;
      -moz-transition: 0.6s;
      -ms-transition: 0.6s;
      -o-transition: 0.6s;
      transition: 0.6s;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d;
      position: relative; }
    #diamonds .diamonds .front, #diamonds .diamonds .back {
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      position: absolute;
      top: 0;
      left: 0; }
    #diamonds .diamonds .front {
      z-index: 10; }
    #diamonds .diamonds .back {
      -webkit-transform: rotateY(180deg);
      -moz-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
      -o-transform: rotateY(180deg);
      transform: rotateY(180deg); }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #diamonds .diamonds {
      margin: 85px 0 10px 0;
      height: 225px; }
      #diamonds .diamonds .item, #diamonds .diamonds .front, #diamonds .diamonds .back {
        width: 256px;
        height: 256px; }
      #diamonds .diamonds .item {
        position: absolute;
        margin: 0 0; }
        #diamonds .diamonds .item img {
          width: 100%; }
        #diamonds .diamonds .item.one {
          left: 0; }
        #diamonds .diamonds .item.two {
          left: 0;
          right: 0;
          margin: 0 auto; }
        #diamonds .diamonds .item.three {
          right: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #diamonds .diamonds {
      margin: 85px 0 10px 0;
      height: 225px; }
      #diamonds .diamonds .item, #diamonds .diamonds .front, #diamonds .diamonds .back {
        width: 328px;
        height: 328px; }
      #diamonds .diamonds .item {
        position: absolute;
        margin: 0 0; }
        #diamonds .diamonds .item img {
          width: 100%; }
        #diamonds .diamonds .item.one {
          left: 0; }
        #diamonds .diamonds .item.two {
          left: 0;
          right: 0;
          margin: 0 auto; }
        #diamonds .diamonds .item.three {
          right: 0; } }
  @media only screen and (min-width: 1150px) {
    #diamonds .diamonds {
      margin: 85px 0 10px 0;
      height: 225px; }
      #diamonds .diamonds .item, #diamonds .diamonds .front, #diamonds .diamonds .back {
        width: 328px;
        height: 328px; }
      #diamonds .diamonds .item {
        position: absolute;
        margin: 0 0; }
        #diamonds .diamonds .item img {
          width: 100%; }
        #diamonds .diamonds .item.one {
          left: 0; }
        #diamonds .diamonds .item.two {
          left: 0;
          right: 0;
          margin: 0 auto; }
        #diamonds .diamonds .item.three {
          right: 0; } }

html.no-csstransforms3d #diamonds .diamonds .flipper:hover .front {
  display: none; }
html.no-csstransforms3d #diamonds .diamonds .item .copy {
  left: 50%;
  margin: 0 0 0 -100px;
  position: absolute; }

#seeds {
  background: url("/images/site/craftsmanship/seeds-craftsmanship.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin-top: -80px; }
  #seeds .video {
    display: none; }
  #seeds video {
    width: 100%;
    display: block; }
  #seeds .copy {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    height: 500px; }
    #seeds .copy .copy-wrapper {
      *zoom: 1;
      max-width: 71.875em;
      margin-left: auto;
      margin-right: auto;
      width: 320px;
      padding: 0 25px;
      display: table;
      height: 100%; }
      #seeds .copy .copy-wrapper:before, #seeds .copy .copy-wrapper:after {
        content: " ";
        display: table; }
      #seeds .copy .copy-wrapper:after {
        clear: both; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        #seeds .copy .copy-wrapper {
          width: 480px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #seeds .copy .copy-wrapper {
          width: 768px; } }
      @media only screen and (min-width: 1024px) and (max-width: 1149px) {
        #seeds .copy .copy-wrapper {
          width: 1024px; } }
      @media only screen and (min-width: 1150px) {
        #seeds .copy .copy-wrapper {
          width: 1150px; } }
      #seeds .copy .copy-wrapper .align {
        display: table-cell;
        vertical-align: middle; }
        #seeds .copy .copy-wrapper .align h2 {
          padding-right: 20px; }
  #seeds .seeds-info {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(197, 153, 73, 0.9);
    text-align: center;
    padding: 17px 0 17px 0; }
    #seeds .seeds-info #seeds-info-list li {
      display: inline-block;
      margin: 0 2px;
      list-style: none;
      font: 400 0.5em "fontello";
      color: #c59949;
      padding: 3px 0 0 0;
      border-radius: 17px;
      height: 17px;
      width: 17px;
      border: 0 solid rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.2); }
      #seeds .seeds-info #seeds-info-list li.check {
        border-radius: 17px;
        height: 17px;
        width: 17px;
        border: 0 solid rgba(0, 0, 0, 0.5);
        background-color: rgba(0, 0, 0, 0.5);
        font: 400 0.5em "fontello"; }
      #seeds .seeds-info #seeds-info-list li.uncheck {
        font: 400 0.625em "fontello"; }
    #seeds .seeds-info .text {
      display: block;
      margin: 0 auto;
      color: #FFFFFF;
      font: 400 1.25em/22px "Gotham A", "Gotham B", sans-serif;
      text-transform: uppercase;
      letter-spacing: 2px;
      width: 250px;
      margin-top: 17px; }
      #seeds .seeds-info .text .strong {
        color: #FFFFFF !important; }
    #seeds .seeds-info.in {
      bottom: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #seeds {
      margin-top: -60px; }
      #seeds .copy .copy-wrapper .align {
        padding-right: 250px; }
      #seeds .video-wrapper {
        height: 600px; }
      #seeds .seeds-info {
        position: absolute;
        height: 86px;
        bottom: -86px;
        padding: 0 0 17px 0; }
        #seeds .seeds-info #seeds-info-list {
          margin: 20px 0 15px 0;
          padding-top: 0; }
        #seeds .seeds-info .text {
          width: auto;
          font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif;
          margin-top: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #seeds {
      margin-top: 0; }
      #seeds .video {
        display: block; }
      #seeds .video-wrapper {
        height: 600px; }
      #seeds .copy {
        position: absolute;
        height: auto; }
        #seeds .copy .copy-wrapper .align {
          padding-right: 620px; }
      #seeds .seeds-info {
        position: absolute;
        height: 86px;
        bottom: -86px;
        padding: 0 0 17px 0; }
        #seeds .seeds-info #seeds-info-list {
          margin: 20px 0 15px 0;
          padding-top: 0; }
        #seeds .seeds-info .text {
          width: auto;
          font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif;
          margin-top: 0; } }
  @media only screen and (min-width: 1150px) {
    #seeds {
      margin-top: 0; }
      #seeds .video {
        display: block; }
      #seeds .video-wrapper {
        height: 600px; }
      #seeds .copy {
        position: absolute;
        height: auto; }
        #seeds .copy .copy-wrapper .align {
          padding-right: 820px; }
      #seeds .seeds-info {
        position: absolute;
        height: 86px;
        bottom: -86px;
        padding: 0 0 17px 0; }
        #seeds .seeds-info #seeds-info-list {
          margin: 20px 0 15px 0;
          padding-top: 0; }
        #seeds .seeds-info .text {
          width: auto;
          font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif;
          margin-top: 0; } }

#types {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 10px 20px; }
  #types:before, #types:after {
    content: " ";
    display: table; }
  #types:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #types {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #types {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #types {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #types {
      width: 1150px; } }
  #types .item {
    color: #c59949; }
    #types .item img {
      width: 213px;
      border-radius: 213px;
      margin-bottom: 15px; }
    #types .item h3 {
      text-transform: uppercase;
      font: 600 1.125em/28px "Gotham A", "Gotham B", sans-serif; }
    #types .item p {
      font: 400 0.875em/16px "Gotham A", "Gotham B", sans-serif; }
    #types .item.copy {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%; }
      #types .item.copy:last-child {
        margin-right: 0; }
      #types .item.copy p {
        font: 400 1.25em/23px "Gotham A", "Gotham B", sans-serif;
        color: #674836;
        text-align: center; }
    #types .item.third {
      float: left;
      display: block;
      margin-right: 2.85714%;
      width: 100%;
      text-align: center;
      opacity: 1;
      margin: 20px 0; }
      #types .item.third:last-child {
        margin-right: 0; }
    #types .item.animate-one {
      transition: 0.5s ease 0ms;
      -moz-transition: 0.5s ease 0ms;
      -webkit-transition: 0.5s ease 0ms;
      -o-transition: 0.5s ease 0ms; }
    #types .item.animate-two {
      transition: 0.5s ease 0.2s;
      -moz-transition: 0.5s ease 0.2s;
      -webkit-transition: 0.5s ease 0.2s;
      -o-transition: 0.5s ease 0.2s; }
    #types .item.animate-three {
      transition: 0.5s ease 0.4s;
      -moz-transition: 0.5s ease 0.4s;
      -webkit-transition: 0.5s ease 0.4s;
      -o-transition: 0.5s ease 0.4s; }
    #types .item.in {
      opacity: 1; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #types {
      padding: 0 0 60px 0; }
      #types .item.copy {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 100%; }
        #types .item.copy:last-child {
          margin-right: 0; }
        #types .item.copy p {
          text-align: center;
          padding: 60px 0;
          font: 400 1.4375em/26px "Gotham A", "Gotham B", sans-serif; }
      #types .item.third {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 31.42857%; }
        #types .item.third:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #types {
      padding: 100px 25px; }
      #types .item.copy {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 31.42857%; }
        #types .item.copy:last-child {
          margin-right: 0; }
        #types .item.copy p {
          padding: 60px 0;
          text-align: left;
          font: 400 1.4375em/26px "Gotham A", "Gotham B", sans-serif; }
      #types .item.third {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 20%; }
        #types .item.third:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1150px) {
    #types {
      padding: 100px 25px; }
      #types .item.copy {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 31.42857%; }
        #types .item.copy:last-child {
          margin-right: 0; }
        #types .item.copy p {
          padding: 60px 0;
          text-align: left;
          font: 400 1.4375em/26px "Gotham A", "Gotham B", sans-serif; }
      #types .item.third {
        float: left;
        display: block;
        margin-right: 2.85714%;
        width: 20%; }
        #types .item.third:last-child {
          margin-right: 0; } }

#leaves-video {
  background: url("/images/site/craftsmanship/leaves-craftsmanship-mobile.jpg") no-repeat center center;
  background-size: cover;
  background-position: center center;
  position: relative;
  overflow: hidden; }
  #leaves-video .video {
    display: none; }
  #leaves-video video {
    width: 100%;
    height: auto;
    display: block; }
  #leaves-video .copy {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    vertical-align: middle;
    height: 600px; }
    #leaves-video .copy .copy-wrapper {
      *zoom: 1;
      max-width: 71.875em;
      margin-left: auto;
      margin-right: auto;
      width: 320px;
      padding: 0 25px;
      display: table;
      height: 100%; }
      #leaves-video .copy .copy-wrapper:before, #leaves-video .copy .copy-wrapper:after {
        content: " ";
        display: table; }
      #leaves-video .copy .copy-wrapper:after {
        clear: both; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        #leaves-video .copy .copy-wrapper {
          width: 480px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #leaves-video .copy .copy-wrapper {
          width: 768px; } }
      @media only screen and (min-width: 1024px) and (max-width: 1149px) {
        #leaves-video .copy .copy-wrapper {
          width: 1024px; } }
      @media only screen and (min-width: 1150px) {
        #leaves-video .copy .copy-wrapper {
          width: 1150px; } }
      #leaves-video .copy .copy-wrapper .align {
        display: table-cell;
        vertical-align: middle; }
        #leaves-video .copy .copy-wrapper .align h2 {
          padding-right: 20px; }
        #leaves-video .copy .copy-wrapper .align p {
          line-height: 22px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #leaves-video .video-wrapper {
      height: 600px; }
    #leaves-video .copy {
      position: absolute; }
      #leaves-video .copy .copy-wrapper .align {
        padding-right: 250px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #leaves-video .video-wrapper {
      height: 600px; }
    #leaves-video .video {
      display: block; }
    #leaves-video .copy {
      position: absolute;
      height: auto; }
      #leaves-video .copy .copy-wrapper .align {
        padding-right: 600px; } }
  @media only screen and (min-width: 1150px) {
    #leaves-video .video-wrapper {
      height: 600px; }
    #leaves-video .video {
      display: block; }
    #leaves-video .copy {
      position: absolute;
      height: auto; }
      #leaves-video .copy .copy-wrapper .align {
        padding-right: 800px; } }

#leaves-header {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  text-align: center; }
  #leaves-header:before, #leaves-header:after {
    content: " ";
    display: table; }
  #leaves-header:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #leaves-header {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #leaves-header {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #leaves-header {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #leaves-header {
      width: 1150px; } }
  #leaves-header .wrapper {
    margin: 40px 0; }
    #leaves-header .wrapper h2 {
      vertical-align: middle;
      text-transform: uppercase;
      letter-spacing: 5px;
      color: #674836;
      font: 400 1.625em/32px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 20px; }
    #leaves-header .wrapper span {
      color: #674836;
      font: 400 1.25em/26px "Gotham A", "Gotham B", sans-serif; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #leaves-header .wrapper h2 {
      font: 400 1.5em/32px "Gotham A", "Gotham B", sans-serif; }
    #leaves-header .wrapper span {
      display: block;
      font: 400 1.25em/26px "Gotham A", "Gotham B", sans-serif;
      padding: 0 40px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #leaves-header .wrapper {
      margin: 70px 0; }
      #leaves-header .wrapper h2 {
        font: 400 2.1875em/55px "Gotham A", "Gotham B", sans-serif;
        margin-bottom: 0; }
      #leaves-header .wrapper span {
        font: 400 1em/26px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1150px) {
    #leaves-header .wrapper {
      margin: 70px 0; }
      #leaves-header .wrapper h2 {
        font: 400 2.1875em/55px "Gotham A", "Gotham B", sans-serif;
        margin-bottom: 0; }
      #leaves-header .wrapper span {
        font: 400 1em/26px "Gotham A", "Gotham B", sans-serif; } }

#leaves-hero .hero {
  background: url("/images/site/craftsmanship/flavor-craftsmanship-mobile.jpg") no-repeat center center;
  background-size: cover;
  background-position: center center;
  text-align: center;
  height: 375px;
  width: 100%;
  display: table; }
  #leaves-hero .hero .title-wrapper {
    display: table-cell;
    padding-top: 80px; }
    #leaves-hero .hero .title-wrapper .title {
      margin: 0 30px;
      border: 1px solid #FFFFFF;
      border-right: 0;
      border-left: 0;
      text-transform: uppercase;
      color: #FFFFFF;
      padding: 20px 0;
      letter-spacing: 4px; }
      #leaves-hero .hero .title-wrapper .title h2 {
        font: 600 1.25em/24px "Gotham A", "Gotham B", sans-serif; }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #leaves-hero .hero .title-wrapper {
    padding-top: 100px; }
    #leaves-hero .hero .title-wrapper .title {
      margin: 0 auto;
      width: 60%; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #leaves-hero .hero .title-wrapper {
    padding-top: 110px; }
    #leaves-hero .hero .title-wrapper .title {
      margin: 0 auto;
      width: 60%; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #leaves-hero .hero {
    background: url("/images/site/craftsmanship/flavor-craftsmanship.jpg") no-repeat center center;
    background-size: cover;
    background-position: center center;
    height: 480px; }
    #leaves-hero .hero .title-wrapper {
      vertical-align: middle;
      padding-top: 0; }
      #leaves-hero .hero .title-wrapper .title {
        margin: 0 auto;
        width: 40%; }
        #leaves-hero .hero .title-wrapper .title h2 {
          font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif; } }
@media only screen and (min-width: 1150px) {
  #leaves-hero .hero {
    background: url("/images/site/craftsmanship/flavor-craftsmanship.jpg") no-repeat center center;
    background-size: cover;
    background-position: center center;
    height: 480px; }
    #leaves-hero .hero .title-wrapper {
      vertical-align: middle;
      padding-top: 0; }
      #leaves-hero .hero .title-wrapper .title {
        margin: 0 auto;
        width: 60%; }
        #leaves-hero .hero .title-wrapper .title h2 {
          font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif; } }

#leaves {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  margin-top: -70px; }
  #leaves:before, #leaves:after {
    content: " ";
    display: table; }
  #leaves:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #leaves {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #leaves {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #leaves {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #leaves {
      width: 1150px; } }
  #leaves .wrapper {
    background-color: #FFFFFF; }
    #leaves .wrapper .copy {
      text-align: center;
      padding: 20px 20px;
      background-color: #674836;
      color: #FFFFFF;
      font: 400 1.25em/26px "Gotham A", "Gotham B", sans-serif; }
    #leaves .wrapper .graphic {
      background: url("/images/site/craftsmanship/plant-craftsmanship.jpg") no-repeat center center;
      background-size: 277px 332px;
      box-sizing: border-box;
      border: 1px solid #674836;
      height: 320px;
      width: 100%;
      text-align: center; }
      #leaves .wrapper .graphic .row {
        cursor: pointer;
        box-sizing: border-box;
        height: 25%;
        width: 100%;
        padding-top: 10px;
        background-color: rgba(255, 255, 255, 0.7);
        border-top: 1px solid #c59949; }
        #leaves .wrapper .graphic .row:first-of-type {
          border: 0; }
        #leaves .wrapper .graphic .row h2 {
          font: 600 1.25em/30px "Gotham A", "Gotham B", sans-serif;
          color: #674836;
          text-transform: uppercase;
          letter-spacing: 4px; }
        #leaves .wrapper .graphic .row p {
          color: #674836;
          font: 400 0.8125em/14px "Gotham A", "Gotham B", sans-serif;
          padding: 0 20px; }
  #leaves .cure {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin: 45px 0; }
    #leaves .cure:last-child {
      margin-right: 0; }
    #leaves .cure .copy {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%;
      display: table;
      height: 369px; }
      #leaves .cure .copy:last-child {
        margin-right: 0; }
      #leaves .cure .copy .copy-wrapper {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 20px; }
        #leaves .cure .copy .copy-wrapper h2.article-header {
          color: #674836; }
          #leaves .cure .copy .copy-wrapper h2.article-header:after {
            border-top: #674836 3px solid; }
        #leaves .cure .copy .copy-wrapper p {
          color: #674836; }
    #leaves .cure .image {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #leaves .cure .image:last-child {
        margin-right: 0; }
      #leaves .cure .image img {
        width: 100%; }
  #leaves .flavor {
    padding: 30px 0;
    margin: 0 auto;
    text-align: center; }
    #leaves .flavor h2 {
      font: 600 1.25em/24px "Gotham A", "Gotham B", sans-serif;
      color: #674836;
      text-transform: uppercase;
      letter-spacing: 4px; }
  #leaves .aging {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #c59949;
    border-left: 0;
    border-right: 0;
    padding: 20px 0; }
    #leaves .aging:before, #leaves .aging:after {
      content: " ";
      display: table; }
    #leaves .aging:after {
      clear: both; }
    #leaves .aging .copy {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%;
      color: #674836;
      font: 400 1.1875em/26px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 20px; }
      #leaves .aging .copy:last-child {
        margin-right: 0; }
    #leaves .aging .aging-item {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%;
      color: #674836;
      text-align: left; }
      #leaves .aging .aging-item:last-child {
        margin-right: 0; }
      #leaves .aging .aging-item h3 {
        font: 600 0.75em/22px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase;
        letter-spacing: 2px; }
      #leaves .aging .aging-item p {
        font: 400 0.9375em/20px "Gotham A", "Gotham B", sans-serif; }
      #leaves .aging .aging-item.one {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px; }
        #leaves .aging .aging-item.one:last-child {
          margin-right: 0; }
        #leaves .aging .aging-item.one p {
          padding-right: 30px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #leaves .cure .copy {
      height: auto; }
      #leaves .cure .copy .copy-wrapper {
        padding-bottom: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #leaves .wrapper {
      height: 510px; }
      #leaves .wrapper .copy {
        display: table;
        float: left;
        height: 100%;
        width: 34%; }
        #leaves .wrapper .copy p {
          display: table-cell;
          vertical-align: middle;
          font: 200 1.125em/46px "Gotham A", "Gotham B", sans-serif;
          padding: 0 20px; }
      #leaves .wrapper .graphic {
        display: block;
        float: left;
        width: 66%;
        height: 100%;
        background-size: 426px 510px;
        background-position: auto 50%; }
        #leaves .wrapper .graphic .row {
          transition: 0.4s ease 0ms;
          -moz-transition: 0.4s ease 0ms;
          -webkit-transition: 0.4s ease 0ms;
          -o-transition: 0.4s ease 0ms;
          position: relative;
          width: 95%;
          margin: 0 auto; }
          #leaves .wrapper .graphic .row:first-of-type {
            border-top: 1px solid #c59949; }
          #leaves .wrapper .graphic .row .info {
            margin-top: 20px;
            /*display: none;
            @include animate(.2s, ease, 0);
            @include opacity(0.3);
            position: absolute;
            left:100%;
            padding-left:20px;
            margin-top: -25px;
            width:230px;
            text-align: left;*/ }
            #leaves .wrapper .graphic .row .info p {
              width: 60%;
              margin: 0 auto; }
    #leaves .flavor {
      padding: 50px 0;
      width: 100%; }
      #leaves .flavor h2 {
        font: 600 1.4375em/33px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 6px; }
    #leaves .cure .copy {
      height: auto; }
      #leaves .cure .copy .copy-wrapper {
        padding-bottom: 20px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #leaves .wrapper {
      height: 510px; }
      #leaves .wrapper .copy {
        display: table;
        float: left;
        height: 100%;
        width: 34%; }
        #leaves .wrapper .copy p {
          display: table-cell;
          vertical-align: middle;
          font: 200 1.625em/46px "Gotham A", "Gotham B", sans-serif;
          padding: 0 50px; }
      #leaves .wrapper .graphic {
        display: block;
        float: left;
        width: 66%;
        height: 100%;
        padding: 40px 0 0 40px;
        background-size: 426px 510px;
        background-position: 12% 50%; }
        #leaves .wrapper .graphic .row {
          transition: 0.4s ease 0ms;
          -moz-transition: 0.4s ease 0ms;
          -webkit-transition: 0.4s ease 0ms;
          -o-transition: 0.4s ease 0ms;
          position: relative;
          width: 375px; }
          #leaves .wrapper .graphic .row:first-of-type {
            border-top: 1px solid #c59949; }
          #leaves .wrapper .graphic .row .info {
            transition: 0.2s ease 0ms;
            -moz-transition: 0.2s ease 0ms;
            -webkit-transition: 0.2s ease 0ms;
            -o-transition: 0.2s ease 0ms;
            opacity: 0.3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=30);
            zoom: 1;
            position: absolute;
            left: 100%;
            padding-left: 20px;
            margin-top: -25px;
            width: 200px;
            text-align: left; }
            #leaves .wrapper .graphic .row .info p {
              padding: 0; }
          #leaves .wrapper .graphic .row.hover {
            background-color: transparent; }
            #leaves .wrapper .graphic .row.hover .info {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
              filter: alpha(opacity=100);
              zoom: 1; }
    #leaves .cure .copy {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%;
      margin-left: 68.08511%;
      padding-left: 10px; }
      #leaves .cure .copy:last-child {
        margin-right: 0; }
      #leaves .cure .copy .copy-wrapper {
        padding-bottom: 0; }
        #leaves .cure .copy .copy-wrapper p {
          padding-right: 40px; }
    #leaves .cure .image {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 65.95745%;
      margin-left: -102.12766%; }
      #leaves .cure .image:last-child {
        margin-right: 0; }
    #leaves .flavor {
      padding: 50px 0;
      width: 80%; }
      #leaves .flavor h2 {
        font: 600 1.5625em/36px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 6px; }
    #leaves .aging {
      padding: 50px 0; }
      #leaves .aging .copy {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 42.85714%;
        margin-bottom: 0;
        padding-right: 50px; }
        #leaves .aging .copy:last-child {
          margin-right: 0; }
      #leaves .aging .aging-item {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 30.15873%;
        padding-left: 10px; }
        #leaves .aging .aging-item:last-child {
          margin-right: 0; }
        #leaves .aging .aging-item h3 {
          font: 600 0.75em/22px "Gotham A", "Gotham B", sans-serif; }
        #leaves .aging .aging-item.one {
          float: left;
          display: block;
          margin-right: 1.5873%;
          width: 23.80952%;
          margin-bottom: 0; }
          #leaves .aging .aging-item.one:last-child {
            margin-right: 0; } }
  @media only screen and (min-width: 1150px) {
    #leaves .wrapper {
      height: 510px; }
      #leaves .wrapper .copy {
        display: table;
        float: left;
        height: 100%;
        width: 34%; }
        #leaves .wrapper .copy p {
          display: table-cell;
          vertical-align: middle;
          font: 200 1.625em/46px "Gotham A", "Gotham B", sans-serif;
          padding: 0 50px; }
      #leaves .wrapper .graphic {
        display: block;
        float: left;
        width: 66%;
        height: 100%;
        padding: 60px 0 0 60px;
        background-size: 426px 510px;
        background-position: 12% 50%; }
        #leaves .wrapper .graphic .row {
          transition: 0.4s ease 0ms;
          -moz-transition: 0.4s ease 0ms;
          -webkit-transition: 0.4s ease 0ms;
          -o-transition: 0.4s ease 0ms;
          position: relative;
          width: 375px; }
          #leaves .wrapper .graphic .row:first-of-type {
            border-top: 1px solid #c59949; }
          #leaves .wrapper .graphic .row .info {
            transition: 0.2s ease 0ms;
            -moz-transition: 0.2s ease 0ms;
            -webkit-transition: 0.2s ease 0ms;
            -o-transition: 0.2s ease 0ms;
            opacity: 0.3;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=30);
            zoom: 1;
            position: absolute;
            left: 100%;
            padding-left: 20px;
            margin-top: -25px;
            width: 180px;
            text-align: left; }
            #leaves .wrapper .graphic .row .info p {
              padding: 0; }
          #leaves .wrapper .graphic .row.hover {
            background-color: transparent; }
            #leaves .wrapper .graphic .row.hover .info {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
              filter: alpha(opacity=100);
              zoom: 1; }
    #leaves .cure .copy {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%;
      margin-left: 68.08511%;
      padding-left: 10px; }
      #leaves .cure .copy:last-child {
        margin-right: 0; }
      #leaves .cure .copy .copy-wrapper {
        padding-bottom: 0; }
        #leaves .cure .copy .copy-wrapper p {
          padding-right: 40px; }
    #leaves .cure .image {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 65.95745%;
      margin-left: -102.12766%; }
      #leaves .cure .image:last-child {
        margin-right: 0; }
    #leaves .flavor {
      padding: 50px 0;
      width: 70%; }
      #leaves .flavor h2 {
        font: 600 1.5625em/36px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 6px; }
    #leaves .aging {
      padding: 50px 0; }
      #leaves .aging .copy {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 42.85714%;
        margin-bottom: 0;
        padding-right: 50px; }
        #leaves .aging .copy:last-child {
          margin-right: 0; }
      #leaves .aging .aging-item {
        float: left;
        display: block;
        margin-right: 1.5873%;
        width: 30.15873%;
        padding-left: 10px; }
        #leaves .aging .aging-item:last-child {
          margin-right: 0; }
        #leaves .aging .aging-item h3 {
          font: 600 0.75em/22px "Gotham A", "Gotham B", sans-serif; }
        #leaves .aging .aging-item.one {
          float: left;
          display: block;
          margin-right: 1.5873%;
          width: 23.80952%;
          margin-bottom: 0; }
          #leaves .aging .aging-item.one:last-child {
            margin-right: 0; } }

#crafts-slider {
  position: relative;
  margin: 30px 0; }
  #crafts-slider .arrow-right {
    background: url("/images/site/craftsmanship/arrow.png") no-repeat left bottom;
    background-size: 15px 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px;
    width: 15px;
    height: 17px;
    z-index: 500; }
  #crafts-slider .hit-area {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    z-index: 700; }
  #crafts-slider .pagination-container {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0; }
    #crafts-slider .pagination-container .pagination {
      *zoom: 1;
      max-width: 71.875em;
      margin-left: auto;
      margin-right: auto;
      width: 320px;
      padding: 0 25px;
      text-align: center; }
      #crafts-slider .pagination-container .pagination:before, #crafts-slider .pagination-container .pagination:after {
        content: " ";
        display: table; }
      #crafts-slider .pagination-container .pagination:after {
        clear: both; }
      @media only screen and (min-width: 480px) and (max-width: 767px) {
        #crafts-slider .pagination-container .pagination {
          width: 480px; } }
      @media only screen and (min-width: 768px) and (max-width: 1023px) {
        #crafts-slider .pagination-container .pagination {
          width: 768px; } }
      @media only screen and (min-width: 1024px) and (max-width: 1149px) {
        #crafts-slider .pagination-container .pagination {
          width: 1024px; } }
      @media only screen and (min-width: 1150px) {
        #crafts-slider .pagination-container .pagination {
          width: 1150px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #crafts-slider {
      margin: 50px 0; }
      #crafts-slider .arrow-right {
        background-size: 29px 34px;
        right: 50px;
        margin-top: -15px;
        width: 29px;
        height: 34px; }
      #crafts-slider .pagination-container {
        bottom: 50px; }
        #crafts-slider .pagination-container .pagination {
          text-align: left; } }
  @media only screen and (min-width: 1150px) {
    #crafts-slider {
      margin: 50px 0; }
      #crafts-slider .arrow-right {
        background-size: 29px 34px;
        right: 50px;
        margin-top: -15px;
        width: 29px;
        height: 34px; }
      #crafts-slider .pagination-container {
        bottom: 50px; }
        #crafts-slider .pagination-container .pagination {
          text-align: left; } }

#final-product {
  transition: 1s ease 0ms;
  -moz-transition: 1s ease 0ms;
  -webkit-transition: 1s ease 0ms;
  -o-transition: 1s ease 0ms;
  background: url("/images/site/craftsmanship/perfect-cigar-craftsmanship-mobile.jpg") no-repeat;
  background-size: 320px 239px;
  background-position: 100% 100%;
  padding-bottom: 50px; }
  #final-product .copy {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 0 25px;
    height: 300px; }
    #final-product .copy:before, #final-product .copy:after {
      content: " ";
      display: table; }
    #final-product .copy:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #final-product .copy {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #final-product .copy {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #final-product .copy {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      #final-product .copy {
        width: 1150px; } }
    #final-product .copy p {
      font: 400 2em/32px "Gotham A", "Gotham B", sans-serif;
      color: #674836;
      text-transform: uppercase; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #final-product {
      background-position: 110% 100%;
      background-size: auto 100%;
      padding-bottom: 30px; }
      #final-product .copy {
        height: auto; }
        #final-product .copy p {
          margin: 20px 0;
          width: 250px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #final-product {
      background-position: 200% 120%;
      background-size: auto 100%;
      padding-bottom: 30px; }
      #final-product .copy {
        height: auto; }
        #final-product .copy p {
          margin: 20px 0;
          width: 250px;
          font: 400 3.125em/52px "Gotham A", "Gotham B", sans-serif; }
      #final-product.in {
        background-position: 120% 120%; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #final-product {
      background: url("/images/site/craftsmanship/perfect-cigar-craftsmanship.jpg") no-repeat;
      background-size: 674px 625px;
      background-position: 250% 50%; }
      #final-product .copy {
        height: auto; }
        #final-product .copy p {
          margin: 40px 0;
          font: 400 4.375em/72px "Gotham A", "Gotham B", sans-serif;
          width: 550px; }
      #final-product.in {
        background-position: 135% 50%; } }
  @media only screen and (min-width: 1150px) {
    #final-product {
      background: url("/images/site/craftsmanship/perfect-cigar-craftsmanship.jpg") no-repeat;
      background-size: 674px 625px;
      background-position: 200% 50%; }
      #final-product .copy {
        height: auto; }
        #final-product .copy p {
          margin: 40px 0;
          font: 400 4.75em/72px "Gotham A", "Gotham B", sans-serif;
          width: 550px; }
      #final-product.in {
        background-position: 110% 50%; } }

#explore {
  background: #f6f6f6 url("/images/site/craftsmanship/lighting-craftsmanship-mobile.jpg") no-repeat;
  background-size: 100% auto;
  background-position: 0% 50%;
  padding: 40px 0; }
  #explore .container {
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 0 25px; }
    #explore .container:before, #explore .container:after {
      content: " ";
      display: table; }
    #explore .container:after {
      clear: both; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #explore .container {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #explore .container {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #explore .container {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      #explore .container {
        width: 1150px; } }
    #explore .container .wrapper {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #explore .container .wrapper:last-child {
        margin-right: 0; }
      #explore .container .wrapper h2 {
        font: 400 1.375em/24px "Gotham A", "Gotham B", sans-serif;
        text-transform: uppercase;
        color: #c59949;
        letter-spacing: 6px;
        margin-bottom: 20px; }
      #explore .container .wrapper p {
        margin: 20px 0;
        font: 400 1.0625em/21px "Gotham A", "Gotham B", sans-serif;
        color: #674836; }
        #explore .container .wrapper p:last-of-type {
          margin-bottom: 30px; }
      #explore .container .wrapper a .button {
        position: relative;
        display: block;
        padding: 15px 15px 15px 20px;
        background-color: #c59949;
        font: 600 0.875em/14px "Gotham A", "Gotham B", sans-serif;
        color: #FFFFFF;
        text-transform: uppercase;
        letter-spacing: 2px; }
      #explore .container .wrapper a:hover .button {
        background-color: #8d7040; }
      #explore .container .wrapper a i {
        position: absolute;
        top: 30%;
        bottom: 0;
        right: 8px;
        font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
        color: rgba(0, 0, 0, 0.5); }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #explore {
      background-size: 100% auto;
      background-position: center 40%; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #explore {
      background-size: 100% auto;
      background-position: center 40%; }
      #explore .container .wrapper {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
        #explore .container .wrapper:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #explore {
      background: #f6f6f6 url("/images/site/craftsmanship/lighting-craftsmanship.png") no-repeat;
      background-size: auto 100%;
      background-position: 100% 50%;
      padding: 80px 0; }
      #explore .container .wrapper {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
        #explore .container .wrapper:last-child {
          margin-right: 0; }
        #explore .container .wrapper h2 {
          font: 400 2.1875em/40px "Gotham A", "Gotham B", sans-serif; }
        #explore .container .wrapper p {
          padding: 0 50px 0 0;
          font: 400 1.1875em/26px "Gotham A", "Gotham B", sans-serif; }
          #explore .container .wrapper p:last-of-type {
            margin-bottom: 100px; }
        #explore .container .wrapper a .button {
          width: 350px;
          padding: 15px 15px 15px 20px;
          font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif; }
          #explore .container .wrapper a .button i {
            top: 35%;
            right: 13px; } }
  @media only screen and (min-width: 1150px) {
    #explore {
      background: #f6f6f6 url("/images/site/craftsmanship/lighting-craftsmanship.png") no-repeat;
      background-size: auto 100%;
      background-position: 100% 50%;
      padding: 80px 0; }
      #explore .container .wrapper {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 48.93617%; }
        #explore .container .wrapper:last-child {
          margin-right: 0; }
        #explore .container .wrapper h2 {
          font: 400 2.1875em/40px "Gotham A", "Gotham B", sans-serif; }
        #explore .container .wrapper p {
          padding: 0 50px 0 0;
          font: 400 1.1875em/26px "Gotham A", "Gotham B", sans-serif; }
          #explore .container .wrapper p:last-of-type {
            margin-bottom: 100px; }
        #explore .container .wrapper a .button {
          width: 350px;
          padding: 15px 15px 15px 20px;
          font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif; }
          #explore .container .wrapper a .button i {
            top: 35%;
            right: 13px; } }

/*****************
     Shared
/****************/
.title-copy-block h2.article-header {
  font: 600 1.125em/20px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  text-align: left;
  color: #FFFFFF; }
  .title-copy-block h2.article-header:after {
    margin: 15px 0;
    border-top: #FFFFFF 3px solid; }
.title-copy-block p {
  color: #FFFFFF;
  font: 400 0.875em/24px "Gotham A", "Gotham B", sans-serif;
  margin: 15px 0; }

/*
 * swiper 2.4.3
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2014, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: January 29, 2014
*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  float: left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

/* =============================================
Craftsmanship Slider
============================================= */
#crafts-slider {
  /* ===============================================================
  Pagination Styles
  ================================================================*/ }
  #crafts-slider .swiper-container {
    width: 100%;
    color: #fff; }
  #crafts-slider .swiper-slide {
    position: relative;
    width: 100vw;
    background-color: #000000;
    background-position: center center;
    background-size: cover;
    height: 330px; }
    #crafts-slider .swiper-slide img {
      transition: 0.5s ease 0ms;
      -moz-transition: 0.5s ease 0ms;
      -webkit-transition: 0.5s ease 0ms;
      -o-transition: 0.5s ease 0ms;
      width: 100%;
      display: block; }
    #crafts-slider .swiper-slide .text-wrapper {
      position: absolute;
      bottom: 50px;
      left: 0;
      right: 0;
      z-index: 1000; }
      #crafts-slider .swiper-slide .text-wrapper .copy {
        *zoom: 1;
        max-width: 71.875em;
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        padding: 0 25px; }
        #crafts-slider .swiper-slide .text-wrapper .copy:before, #crafts-slider .swiper-slide .text-wrapper .copy:after {
          content: " ";
          display: table; }
        #crafts-slider .swiper-slide .text-wrapper .copy:after {
          clear: both; }
        @media only screen and (min-width: 480px) and (max-width: 767px) {
          #crafts-slider .swiper-slide .text-wrapper .copy {
            width: 480px; } }
        @media only screen and (min-width: 768px) and (max-width: 1023px) {
          #crafts-slider .swiper-slide .text-wrapper .copy {
            width: 768px; } }
        @media only screen and (min-width: 1024px) and (max-width: 1149px) {
          #crafts-slider .swiper-slide .text-wrapper .copy {
            width: 1024px; } }
        @media only screen and (min-width: 1150px) {
          #crafts-slider .swiper-slide .text-wrapper .copy {
            width: 1150px; } }
        #crafts-slider .swiper-slide .text-wrapper .copy p {
          text-align: center;
          font: 400 1em/22px "Gotham A", "Gotham B", sans-serif; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #crafts-slider .swiper-slide {
        height: 310px;
        background-size: cover; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #crafts-slider .swiper-slide {
        background-size: cover;
        height: 480px; }
        #crafts-slider .swiper-slide .text-wrapper {
          top: 42%;
          bottom: auto; }
          #crafts-slider .swiper-slide .text-wrapper .copy p {
            text-align: left;
            font: 400 1.1875em/30px "Gotham A", "Gotham B", sans-serif;
            width: 420px; } }
    @media only screen and (min-width: 1150px) {
      #crafts-slider .swiper-slide {
        background-size: cover;
        height: 480px; }
        #crafts-slider .swiper-slide .text-wrapper {
          top: 42%;
          bottom: auto; }
          #crafts-slider .swiper-slide .text-wrapper .copy p {
            text-align: left;
            font: 400 1.1875em/30px "Gotham A", "Gotham B", sans-serif;
            width: 420px; } }
  #crafts-slider .swiper-pagination-switch {
    /* Stylize pagination button: */
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: rgba(255, 255, 255, 0.4);
    margin-right: 40px;
    cursor: pointer; }
    #crafts-slider .swiper-pagination-switch:after {
      display: block;
      content: " ";
      width: 40px;
      margin-top: 5px;
      margin-left: 11px;
      border-top: 1px solid rgba(255, 255, 255, 0.4); }
    #crafts-slider .swiper-pagination-switch:last-of-type {
      margin-right: 0; }
      #crafts-slider .swiper-pagination-switch:last-of-type:after {
        display: none; }
  #crafts-slider .swiper-active-switch {
    /* Specific active button style: */
    background-color: #fff; }
  #crafts-slider .swiper-visible-switch {
    /* Specific visible button style: */ }

/* =============================================
Product Slider
============================================= */
/* #visual .swiper-container {
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
#visual .swiper-wrapper {
  overflow: hidden;
  height: 100%; }
#visual .swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center; }
  #visual .swiper-slide .wrapper {
    height: 100% !important; }
    #visual .swiper-slide .wrapper .image {
      height: 100% !important; }
  #visual .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: block; }
  #visual .swiper-slide.remove {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #visual .swiper-slide {
      width: 534px; }
      #visual .swiper-slide .wrapper img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #visual .swiper-slide {
      width: 725px; }
      #visual .swiper-slide .wrapper img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
  @media only screen and (min-width: 1150px) {
    #visual .swiper-slide {
      width: 819px; }
      #visual .swiper-slide .wrapper img {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
#visual .swiper-pagination-switch {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #ddd;
  cursor: pointer;
  margin-right: 6px; }
  #visual .swiper-pagination-switch:last-of-type {
    margin-right: 0; }
#visual .swiper-active-switch {
  background-color: #000; } */

/* =============================================
Heritage Slider - Desktop
============================================= */
#heritagePage .swiper-container {
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  width: 100%; }
  #heritagePage .swiper-container.opacity {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
  @media only screen and (max-width: 479px) {
    #heritagePage .swiper-container {
      display: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .swiper-container {
      display: none; } }
  #heritagePage .swiper-container .swiper-slide {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    -ms-transform: scale(0.6);
    /* IE 9 */
    -webkit-transform: scale(0.6);
    /* Chrome, Safari, Opera */
    -moz-transform: scale(0.6);
    /* Chrome, Safari, Opera */
    transform: scale(0.6); }
    #heritagePage .swiper-container .swiper-slide.start {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1; }
  #heritagePage .swiper-container .swiper-slide-active {
    -ms-transform: scale(1);
    /* IE 9 */
    -webkit-transform: scale(1);
    /* Chrome, Safari, Opera */
    -moz-transform: scale(1);
    /* Chrome, Safari, Opera */
    transform: scale(1); }
    #heritagePage .swiper-container .swiper-slide-active.start {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }
    #heritagePage .swiper-container .swiper-slide-active.intro-slide {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }

/* =============================================
Heritage Slider - Mobile
============================================= */
body.heritage .page-wrapper {
  overflow: hidden; }

#heritagePage .swiper-container-mobile {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=0);
  zoom: 1;
  transition: 0.6s ease 0ms;
  -moz-transition: 0.6s ease 0ms;
  -webkit-transition: 0.6s ease 0ms;
  -o-transition: 0.6s ease 0ms;
  width: 100%; }
  #heritagePage .swiper-container-mobile .swiper-slide img {
    width: 100%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #heritagePage .swiper-container-mobile {
      display: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #heritagePage .swiper-container-mobile {
      display: none; } }
  @media only screen and (min-width: 1150px) {
    #heritagePage .swiper-container-mobile {
      display: none; } }
  #heritagePage .swiper-container-mobile.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1; }

/* =============================================
Oro Blanco Slider
============================================= */
.blanco.slider .swiper-container {
  /* Specify Swiper's Size: */
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }
.blanco.slider .swiper-wrapper {
  overflow: hidden;
  height: 100%; }
.blanco.slider .swiper-slide {
  width: 100%;
  height: 100%;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%; }
  .blanco.slider .swiper-slide .wrapper {
    height: 100% !important; }
    .blanco.slider .swiper-slide .wrapper .image {
      height: 100% !important; }
  .blanco.slider .swiper-slide.remove {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
.blanco.slider .swiper-pagination-switch {
  /* Stylize pagination button: */
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #ddd;
  cursor: pointer;
  margin-right: 6px; }
  .blanco.slider .swiper-pagination-switch:last-of-type {
    margin-right: 0; }
.blanco.slider .swiper-active-switch {
  /* Specific active button style: */
  background-color: #000; }

#heritagePage {
  position: relative;
  background: url("/images/site/heritage_body_bg.jpg") center bottom no-repeat;
  background-size: 100% auto;
  padding-bottom: 50px;
  overflow: hidden; }
  #heritagePage .hit-area-next, #heritagePage .hit-area-previous {
    position: absolute;
    z-index: 400;
    top: 0;
    bottom: 0;
    width: 170px; }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #heritagePage .hit-area-next, #heritagePage .hit-area-previous {
        width: 110px; } }
    @media only screen and (max-width: 479px) {
      #heritagePage .hit-area-next, #heritagePage .hit-area-previous {
        display: none; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #heritagePage .hit-area-next, #heritagePage .hit-area-previous {
        display: none; } }
  #heritagePage .hit-area-previous {
    left: 0;
    cursor: pointer; }
  #heritagePage .arrow-wrapper {
    display: table;
    height: 100%;
    font: 200 3.125em/50px "Gotham A", "Gotham B", sans-serif;
    color: #e0e0e0; }
    #heritagePage .arrow-wrapper .left-arrow {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1;
      display: table-cell;
      vertical-align: middle; }
      #heritagePage .arrow-wrapper .left-arrow.visible {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=100);
        zoom: 1; }
  #heritagePage .hit-area-next {
    right: 0;
    cursor: pointer; }
  #heritagePage .optimize {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%; }
    #heritagePage .optimize .wrapper {
      display: table;
      height: 100%;
      margin: 0 auto; }
      #heritagePage .optimize .wrapper .content-wrapper {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase; }
    #heritagePage .optimize.opacity {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }
  @media only screen and (max-width: 479px) {
    #heritagePage {
      background-size: 0 auto; }
      #heritagePage.active {
        background-size: 400% auto; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage {
      background-size: 0 auto; }
      #heritagePage.active {
        background-size: 400% auto; } }

/* *******************************************
Intro Slide Styles
******************************************* */
#heritagePage .intro {
  text-align: center; }
  #heritagePage .intro .title {
    text-transform: uppercase;
    border: 1px solid #000000;
    border-left: 0;
    border-right: 0;
    padding: 16px 0 10px 0; }
  #heritagePage .intro h1 {
    font: 600 1.125em/18px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 4px; }
  #heritagePage .intro h3 {
    font: 600 0.75em/28px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 4px; }
  #heritagePage .intro p {
    font: 400 0.875em/24px "Gotham A", "Gotham B", sans-serif;
    width: 80%;
    margin: 40px auto 40px auto; }
  #heritagePage .intro .button {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000000;
    color: #c59949;
    font: 400 0.75em/50px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0 30px;
    width: auto; }
  @media only screen and (max-width: 479px) {
    #heritagePage .intro {
      padding: 0 25px; }
      #heritagePage .intro .title {
        margin-top: 10px;
        padding-bottom: 20px; }
      #heritagePage .intro h1 {
        font: 600 1.875em/34px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 4px; }
      #heritagePage .intro h3 {
        font: 600 0.75em/16px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 3px;
        margin-top: 5px; }
      #heritagePage .intro p {
        font: 400 0.875em/20px "Gotham A", "Gotham B", sans-serif;
        margin: 40px auto 40px auto; }
      #heritagePage .intro .button {
        margin-bottom: 30px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .intro {
      padding: 0 25px; }
      #heritagePage .intro .title {
        margin-top: 10px;
        padding-bottom: 20px; }
      #heritagePage .intro h1 {
        font: 600 2.125em/34px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 4px; }
      #heritagePage .intro h3 {
        font: 600 0.75em/16px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 3px;
        margin-top: 5px; }
      #heritagePage .intro p {
        font: 400 0.875em/20px "Gotham A", "Gotham B", sans-serif;
        margin: 40px auto 40px auto; }
      #heritagePage .intro .button {
        margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #heritagePage .intro {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      #heritagePage .intro h1 {
        font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 4px; }
      #heritagePage .intro h3 {
        font: 600 0.625em/18px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 5px; }
      #heritagePage .intro p {
        font: 400 0.75em/18px "Gotham A", "Gotham B", sans-serif;
        width: 70%;
        margin: 40px auto 40px auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #heritagePage .intro {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      #heritagePage .intro h1 {
        font: 600 1.5625em/25px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 4px; }
      #heritagePage .intro h3 {
        font: 600 0.75em/28px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 6px; }
      #heritagePage .intro p {
        font: 400 0.875em/24px "Gotham A", "Gotham B", sans-serif;
        width: 65%;
        margin: 40px auto 40px auto; } }
  @media only screen and (min-width: 1150px) {
    #heritagePage .intro {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      #heritagePage .intro h1 {
        font: 600 1.875em/34px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 4px; }
      #heritagePage .intro h3 {
        font: 600 0.875em/32px "Gotham A", "Gotham B", sans-serif;
        letter-spacing: 7px; }
      #heritagePage .intro p {
        font: 400 0.875em/24px "Gotham A", "Gotham B", sans-serif;
        width: 65%;
        margin: 40px auto 40px auto; } }
#heritagePage .zino {
  transition: 0.6s ease 0ms;
  -moz-transition: 0.6s ease 0ms;
  -webkit-transition: 0.6s ease 0ms;
  -o-transition: 0.6s ease 0ms;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/images/site/heritage/heritage_zino_cutout.png") no-repeat;
  background-size: 623px 313px;
  width: 623px;
  height: 313px; }
  #heritagePage .zino.out {
    left: -623px; }
  @media only screen and (max-width: 479px) {
    #heritagePage .zino {
      display: none; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .zino {
      display: none; } }

/* *******************************************
Finale Slide Styles
******************************************* */
#heritagePage .finale-slide h1 {
  font: 600 1.125em/24px "Gotham A", "Gotham B", sans-serif; }
#heritagePage .finale-slide .intro p {
  margin: 30px auto 30px auto; }
#heritagePage .finale-slide .intro .title {
  margin-top: 0;
  border: 0;
  margin-bottom: 0; }
#heritagePage .finale-slide .intro a .button-finale {
  position: relative;
  display: inline-block;
  padding: 15px 15px 15px 20px;
  background-color: #c59949;
  font: 600 0.875em/14px "Gotham A", "Gotham B", sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0; }
#heritagePage .finale-slide .intro a:hover .button-finale {
  background-color: #8d7040; }
#heritagePage .finale-slide .intro a i {
  position: absolute;
  top: 35%;
  bottom: 0;
  right: 8px;
  font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
  color: rgba(0, 0, 0, 0.5); }
@media only screen and (max-width: 479px) {
  #heritagePage .finale-slide .intro a .button-finale {
    font: 600 0.625em/12px "Gotham A", "Gotham B", sans-serif;
    margin-bottom: 30px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #heritagePage .finale-slide .intro a .button-finale {
    font: 600 0.625em/12px "Gotham A", "Gotham B", sans-serif;
    margin-bottom: 30px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #heritagePage .finale-slide .intro {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #heritagePage .finale-slide h1 {
    font: 600 1.125em/24px "Gotham A", "Gotham B", sans-serif; }
  #heritagePage .finale-slide a {
    display: block; }
  #heritagePage .finale-slide .intro p {
    margin: 30px auto 30px auto; }
  #heritagePage .finale-slide .title {
    margin-top: 0; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #heritagePage .finale-slide .intro {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #heritagePage .finale-slide h1 {
    font: 600 1.125em/24px "Gotham A", "Gotham B", sans-serif; }
  #heritagePage .finale-slide a {
    display: block; }
  #heritagePage .finale-slide .intro p {
    margin: 30px auto 30px auto; }
  #heritagePage .finale-slide .title {
    margin-top: 0; } }
@media only screen and (min-width: 1150px) {
  #heritagePage .finale-slide .intro {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #heritagePage .finale-slide h1 {
    font: 600 1.125em/24px "Gotham A", "Gotham B", sans-serif; }
  #heritagePage .finale-slide a {
    display: block; }
  #heritagePage .finale-slide .intro p {
    margin: 30px auto 30px auto; }
  #heritagePage .finale-slide .title {
    margin-top: 0; } }

/* *******************************************
Slide Styles
******************************************* */
#heritagePage .pagination-container {
  position: relative;
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  border-top: 1px solid #c59949; }
  #heritagePage .pagination-container:before, #heritagePage .pagination-container:after {
    content: " ";
    display: table; }
  #heritagePage .pagination-container:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .pagination-container {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #heritagePage .pagination-container {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #heritagePage .pagination-container {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #heritagePage .pagination-container {
      width: 1150px; } }
  #heritagePage .pagination-container .pagination {
    padding-top: 8px;
    text-align: center; }
  #heritagePage .pagination-container .play-next {
    cursor: pointer;
    position: absolute;
    top: 10px;
    bottom: 0;
    right: 0;
    color: #c59949; }
  #heritagePage .pagination-container .play-prev {
    cursor: pointer;
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 0;
    color: #c59949; }
    #heritagePage .pagination-container .play-prev .rotate {
      -moz-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg));
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg))";
      zoom: 1; }
  #heritagePage .pagination-container.opacity {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1; }
#heritagePage .controls {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px; }
#heritagePage .swiper-pagination-switch {
  /* Stylize pagination button: */
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #bbb;
  cursor: pointer;
  margin-right: 6px; }
  #heritagePage .swiper-pagination-switch:last-of-type {
    margin-right: 0; }
#heritagePage .swiper-active-switch {
  /* Specific active button style: */
  background-color: #c59949; }
#heritagePage .swiper-slide.intro-slide {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=0);
  zoom: 1;
  height: 100%; }
#heritagePage .swiper-slide .video-wrapper {
  background-color: #c5b9ac;
  padding: 16px; }
#heritagePage .swiper-slide .video-content {
  position: relative;
  overflow: hidden;
  background-size: cover; }
  #heritagePage .swiper-slide .video-content video {
    width: 100%;
    display: block; }
  #heritagePage .swiper-slide .video-content .info-box {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    color: #FFFFFF;
    right: 40px;
    width: 350px;
    border-top: 6px solid #5f5b56;
    padding: 14px 50px 14px 20px;
    background-color: rgba(37, 37, 37, 0.9);
    font: 400 0.875em/16px "Gotham A", "Gotham B", sans-serif; }
    #heritagePage .swiper-slide .video-content .info-box h2 {
      font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif;
      color: #c59949;
      text-transform: uppercase;
      letter-spacing: 4px;
      margin-bottom: 6px; }
    #heritagePage .swiper-slide .video-content .info-box .headline {
      margin-bottom: 16px; }
    #heritagePage .swiper-slide .video-content .info-box .copy-wrapper p {
      margin-bottom: 16px; }
      #heritagePage .swiper-slide .video-content .info-box .copy-wrapper p:last-of-type {
        margin-bottom: 0; }
  #heritagePage .swiper-slide .video-content .arrow-icon {
    position: absolute;
    bottom: 20px;
    right: 62px;
    z-index: 200;
    color: #6e6b67;
    width: auto;
    /*&.rotate {
    	@include rotate(270deg);
    }*/ }
    #heritagePage .swiper-slide .video-content .arrow-icon .arrow-down {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1;
      transition: 0.6s ease 0ms;
      -moz-transition: 0.6s ease 0ms;
      -webkit-transition: 0.6s ease 0ms;
      -o-transition: 0.6s ease 0ms;
      border-top: 10px solid #6e6b67;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent; }
    #heritagePage .swiper-slide .video-content .arrow-icon.rotate .arrow-down {
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-sin(180deg), M21=sin(180deg), M22=cos(180deg));
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(180deg), M12=-sin(180deg), M21=sin(180deg), M22=cos(180deg))";
      zoom: 1; }
@media only screen and (max-width: 479px) {
  #heritagePage .swiper-slide .copy-wrapper {
    transition: 0.4s ease 0ms;
    -moz-transition: 0.4s ease 0ms;
    -webkit-transition: 0.4s ease 0ms;
    -o-transition: 0.4s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    *zoom: 1;
    max-width: 71.875em;
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 0 25px;
    text-align: center; }
    #heritagePage .swiper-slide .copy-wrapper:before, #heritagePage .swiper-slide .copy-wrapper:after {
      content: " ";
      display: table; }
    #heritagePage .swiper-slide .copy-wrapper:after {
      clear: both; } }
  @media only screen and (max-width: 479px) and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .swiper-slide .copy-wrapper {
      width: 480px; } }
  @media only screen and (max-width: 479px) and (min-width: 768px) and (max-width: 1023px) {
    #heritagePage .swiper-slide .copy-wrapper {
      width: 768px; } }
  @media only screen and (max-width: 479px) and (min-width: 1024px) and (max-width: 1149px) {
    #heritagePage .swiper-slide .copy-wrapper {
      width: 1024px; } }
  @media only screen and (max-width: 479px) and (min-width: 1150px) {
    #heritagePage .swiper-slide .copy-wrapper {
      width: 1150px; } }
@media only screen and (max-width: 479px) {
    #heritagePage .swiper-slide .copy-wrapper.active {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=100);
      zoom: 1; }
  #heritagePage .swiper-slide .intro p {
    margin-bottom: 40px; }
  #heritagePage .swiper-slide h2 {
    font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif;
    color: #c59949;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 30px 0; }
  #heritagePage .swiper-slide p {
    font: 400 0.875em/18px "Gotham A", "Gotham B", sans-serif;
    margin-bottom: 16px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #heritagePage .swiper-slide {
    height: auto !important; }
    #heritagePage .swiper-slide .copy-wrapper {
      *zoom: 1;
      max-width: 71.875em;
      margin-left: auto;
      margin-right: auto;
      width: 320px;
      padding: 0 25px;
      text-align: center; }
      #heritagePage .swiper-slide .copy-wrapper:before, #heritagePage .swiper-slide .copy-wrapper:after {
        content: " ";
        display: table; }
      #heritagePage .swiper-slide .copy-wrapper:after {
        clear: both; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) and (min-width: 480px) and (max-width: 767px) {
      #heritagePage .swiper-slide .copy-wrapper {
        width: 480px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) and (min-width: 768px) and (max-width: 1023px) {
      #heritagePage .swiper-slide .copy-wrapper {
        width: 768px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) and (min-width: 1024px) and (max-width: 1149px) {
      #heritagePage .swiper-slide .copy-wrapper {
        width: 1024px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) and (min-width: 1150px) {
      #heritagePage .swiper-slide .copy-wrapper {
        width: 1150px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritagePage .swiper-slide .intro p {
      margin-bottom: 40px; }
    #heritagePage .swiper-slide h2 {
      font: 600 1.25em/20px "Gotham A", "Gotham B", sans-serif;
      color: #c59949;
      text-transform: uppercase;
      letter-spacing: 4px;
      margin: 30px 0; }
    #heritagePage .swiper-slide p {
      font: 400 0.875em/18px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 16px; } }
@media only screen and (max-width: 479px) {
  #heritagePage {
    overflow: visible; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #heritagePage {
    overflow: visible; } }

/* *******************************************
Active Slide Styles
******************************************* */
#heritagePage .swiper-slide-active.intro-slide {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=100);
  zoom: 1; }
#heritagePage .swiper-slide-active .video-wrapper {
  padding: 10px; }
#heritagePage .swiper-slide-active .info-box.visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=100);
  zoom: 1; }
#heritagePage .swiper-slide-active .info-box.open {
  bottom: 0; }
#heritagePage .swiper-slide-active .video-content .arrow-down.visible {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=100);
  zoom: 1; }

#beautiful-time .beautiful-time .left {
  float: left;
  display: block;
  margin-right: 1.5873%;
  width: 100%; }
  #beautiful-time .beautiful-time .left:last-child {
    margin-right: 0; }
  #beautiful-time .beautiful-time .left .wrapper {
    width: auto; }
  #beautiful-time .beautiful-time .left .post-date {
    display: block;
    text-transform: uppercase;
    font: 600 0.625em/26px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px;
    padding-left: 7px; }
  #beautiful-time .beautiful-time .left a .button {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 15px 60px 15px 20px;
    margin: 20px 0;
    background-color: #c59949;
    font: 600 0.75em/14px "Gotham A", "Gotham B", sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 3px; }
  #beautiful-time .beautiful-time .left a:hover .button {
    background-color: #8d7040; }
  #beautiful-time .beautiful-time .left a i {
    position: absolute;
    top: 30%;
    bottom: 0;
    right: 8px;
    font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
    color: #FFFFFF; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #beautiful-time .beautiful-time .left {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%; }
      #beautiful-time .beautiful-time .left:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #beautiful-time .beautiful-time .left {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 30.15873%; }
      #beautiful-time .beautiful-time .left:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #beautiful-time .beautiful-time .left {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 36.50794%; }
      #beautiful-time .beautiful-time .left:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1150px) {
    #beautiful-time .beautiful-time .left {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 36.50794%; }
      #beautiful-time .beautiful-time .left:last-child {
        margin-right: 0; } }
#beautiful-time .beautiful-time .right {
  float: left;
  display: block;
  margin-right: 1.5873%;
  width: 100%; }
  #beautiful-time .beautiful-time .right:last-child {
    margin-right: 0; }
  #beautiful-time .beautiful-time .right p {
    font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif; }
    #beautiful-time .beautiful-time .right p:last-of-type {
      margin-bottom: 40px; }
  #beautiful-time .beautiful-time .right img {
    width: 100%;
    display: block;
    margin-bottom: 20px; }
  #beautiful-time .beautiful-time .right figure:last-of-type {
    margin-bottom: 40px; }
  #beautiful-time .beautiful-time .right ul {
    margin: 5px 20px;
    font: 400 1.25em/22px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h1 {
    font: 600 1.875em/40px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h2 {
    font: 600 1.75em/38px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h3 {
    font: 600 1.625em/36px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h4 {
    font: 600 1.5em/34px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h5 {
    font: 600 1.375em/32px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right h6 {
    font: 600 1.25em/30px "Gotham A", "Gotham B", sans-serif; }
  #beautiful-time .beautiful-time .right blockquote {
    position: relative;
    color: #c59949;
    border: 2px solid #c59949;
    border-left: 0;
    border-right: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
    font: 400 italic 2.3125em/40px "Gotham A", "Gotham B", sans-serif;
    padding: 30px 0 20px 0; }
    #beautiful-time .beautiful-time .right blockquote:after {
      position: absolute;
      top: -10px;
      left: 0;
      right: 0;
      text-align: center;
      content: '“';
      color: #FFFFFF;
      font: 400 italic 1.25em/36px "Gotham A", "Gotham B", sans-serif; }
    #beautiful-time .beautiful-time .right blockquote:before {
      position: absolute;
      top: -11px;
      left: 0;
      right: 0;
      margin: 0 auto;
      background-color: #c59949;
      content: " ";
      width: 21px;
      height: 21px;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg));
      -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg))";
      zoom: 1; }
  #beautiful-time .beautiful-time .right .videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 30px; }
    #beautiful-time .beautiful-time .right .videowrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #beautiful-time .beautiful-time .right {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 100%; }
      #beautiful-time .beautiful-time .right:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #beautiful-time .beautiful-time .right {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 68.25397%; }
      #beautiful-time .beautiful-time .right:last-child {
        margin-right: 0; }
      #beautiful-time .beautiful-time .right p {
        font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif;
        padding: 0 70px; }
      #beautiful-time .beautiful-time .right h1, #beautiful-time .beautiful-time .right h2, #beautiful-time .beautiful-time .right h3, #beautiful-time .beautiful-time .right h4, #beautiful-time .beautiful-time .right h5, #beautiful-time .beautiful-time .right h6 {
        padding: 0 70px; }
      #beautiful-time .beautiful-time .right ul {
        padding: 0 70px;
        margin-left: 20px;
        font: 400 1.25em/22px "Gotham A", "Gotham B", sans-serif; }
      #beautiful-time .beautiful-time .right .date-header {
        padding: 0 70px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #beautiful-time .beautiful-time .right {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 61.90476%; }
      #beautiful-time .beautiful-time .right:last-child {
        margin-right: 0; }
      #beautiful-time .beautiful-time .right p {
        font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif;
        padding: 0 90px; }
      #beautiful-time .beautiful-time .right h1, #beautiful-time .beautiful-time .right h2, #beautiful-time .beautiful-time .right h3, #beautiful-time .beautiful-time .right h4, #beautiful-time .beautiful-time .right h5, #beautiful-time .beautiful-time .right h6 {
        padding: 0 90px; }
      #beautiful-time .beautiful-time .right ul {
        padding: 0 90px;
        margin-left: 20px;
        font: 400 1.25em/22px "Gotham A", "Gotham B", sans-serif; }
      #beautiful-time .beautiful-time .right .date-header {
        padding: 0 90px; } }
  @media only screen and (min-width: 1150px) {
    #beautiful-time .beautiful-time .right {
      float: left;
      display: block;
      margin-right: 1.5873%;
      width: 61.90476%; }
      #beautiful-time .beautiful-time .right:last-child {
        margin-right: 0; }
      #beautiful-time .beautiful-time .right p {
        font: 400 1.25em/30px "Gotham A", "Gotham B", sans-serif;
        padding: 0 90px; }
      #beautiful-time .beautiful-time .right h1, #beautiful-time .beautiful-time .right h2, #beautiful-time .beautiful-time .right h3, #beautiful-time .beautiful-time .right h4, #beautiful-time .beautiful-time .right h5, #beautiful-time .beautiful-time .right h6 {
        padding: 0 90px; }
      #beautiful-time .beautiful-time .right ul {
        padding: 0 90px;
        margin-left: 20px;
        font: 400 1.25em/22px "Gotham A", "Gotham B", sans-serif; }
      #beautiful-time .beautiful-time .right .date-header {
        padding: 0 90px; } }

#beautiful-time .first-row {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #beautiful-time .first-row:before, #beautiful-time .first-row:after {
    content: " ";
    display: table; }
  #beautiful-time .first-row:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #beautiful-time .first-row {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #beautiful-time .first-row {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #beautiful-time .first-row {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #beautiful-time .first-row {
      width: 1150px; } }
#beautiful-time .second-row {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #beautiful-time .second-row:before, #beautiful-time .second-row:after {
    content: " ";
    display: table; }
  #beautiful-time .second-row:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #beautiful-time .second-row {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #beautiful-time .second-row {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #beautiful-time .second-row {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #beautiful-time .second-row {
      width: 1150px; } }
#beautiful-time .hero-content-wrapper {
  padding: 0; }
#beautiful-time .hero-content h2.title {
  display: inline-block;
  border: 1px solid #FFFFFF;
  border-right: 0;
  border-left: 0;
  width: auto;
  font: 500 3.125em/50px "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 4px; }
#beautiful-time .story h1 {
  color: #FFFFFF;
  text-transform: uppercase;
  font: 600 1.875em/30px "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 3px; }
#beautiful-time .story h2 {
  text-transform: uppercase;
  font: 600 0.6875em/26px "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 4px; }
#beautiful-time .story h3 {
  font: 400 0.9375em/18px "Gotham A", "Gotham B", sans-serif;
  margin-bottom: 20px; }
#beautiful-time .story p {
  font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif;
  padding-right: 100px; }
#beautiful-time .story i {
  font: 400 0.875em/16px "Gotham A", "Gotham B", sans-serif; }
#beautiful-time .story a {
  color: #FFFFFF; }
#beautiful-time .buttons a {
  display: inline-block;
  position: relative;
  right: -999px;
  transition: 0.6s ease 0ms;
  -moz-transition: 0.6s ease 0ms;
  -webkit-transition: 0.6s ease 0ms;
  -o-transition: 0.6s ease 0ms; }
  #beautiful-time .buttons a.visible {
    right: 0; }
  #beautiful-time .buttons a .button {
    position: relative;
    display: table;
    background-color: #c59949;
    background-size: cover; }
  #beautiful-time .buttons a .hover {
    transition: 0.4s ease 0ms;
    -moz-transition: 0.4s ease 0ms;
    -webkit-transition: 0.4s ease 0ms;
    -o-transition: 0.4s ease 0ms;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    font: 400 1.25em/24px "Gotham A", "Gotham B", sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 2px; }
   /*  #beautiful-time .buttons a .hover.visible {
     } */
  #beautiful-time .buttons a .container {
    display: table;
    width: 100%;
    height: 100%; }
  #beautiful-time .buttons a .content-wrapper {
    display: table-cell;
    vertical-align: middle; }
  #beautiful-time .buttons a:hover .button {
    background-color: #8d7040; }
  #beautiful-time .buttons a i {
    position: absolute;
    top: 40%;
    bottom: 0;
    right: 8px;
    font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
    color: #FFFFFF; }
  #beautiful-time .buttons a:last-of-type {
    margin-bottom: 0; }
@media only screen and (max-width: 479px) {
  #beautiful-time .image-hero {
    height: 650px; }
  #beautiful-time .first-row h2.title {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    width: 100%;
    font: 500 2.25em/36px "Gotham A", "Gotham B", sans-serif; }
    #beautiful-time .first-row h2.title:last-child {
      margin-right: 0; }
  #beautiful-time .story {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    margin: 30px 0;
    text-align: center; }
    #beautiful-time .story:last-child {
      margin-right: 0; }
    #beautiful-time .story p {
      display: none; }
  #beautiful-time .buttons {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0; }
    #beautiful-time .buttons:last-child {
      margin-right: 0; }
    #beautiful-time .buttons a {
      display: block; }
      #beautiful-time .buttons a .button {
        width: 100%;
        height: 100px;
        text-align: center; }
        #beautiful-time .buttons a .button i {
          display: none; }
      #beautiful-time .buttons a .hover {
        text-align: center; }
        #beautiful-time .buttons a .hover i {
          display: none; }
      #beautiful-time .buttons a:first-of-type {
        margin-bottom: 10px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #beautiful-time .first-row h2.title {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    width: 100%;
    font: 500 2.25em/36px "Gotham A", "Gotham B", sans-serif;
    padding: 10px 0; }
    #beautiful-time .first-row h2.title:last-child {
      margin-right: 0; }
  #beautiful-time .story {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin: 30px 0; }
    #beautiful-time .story:last-child {
      margin-right: 0; }
    #beautiful-time .story p {
      display: none; }
  #beautiful-time .buttons {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    margin-right: 0; }
    #beautiful-time .buttons:last-child {
      margin-right: 0; }
    #beautiful-time .buttons a {
      display: block; }
      #beautiful-time .buttons a .button {
        width: 100%;
        height: 100px;
        text-align: center; }
        #beautiful-time .buttons a .button i {
          display: none; }
      #beautiful-time .buttons a .hover {
        text-align: center; }
        #beautiful-time .buttons a .hover i {
          display: none; }
      #beautiful-time .buttons a:first-of-type {
        margin-bottom: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #beautiful-time .first-row h2.title {
    font: 500 3.125em/50px "Gotham A", "Gotham B", sans-serif;
    padding: 20px 30px; }
  #beautiful-time .second-row {
    margin-top: 70px; }
  #beautiful-time .story {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    text-align: left; }
    #beautiful-time .story:last-child {
      margin-right: 0; }
  #beautiful-time .buttons {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 40.42553%;
    text-align: right; }
    #beautiful-time .buttons:last-child {
      margin-right: 0; }
    #beautiful-time .buttons a .button {
      width: 290px;
      height: 100px;
      text-align: left; }
    #beautiful-time .buttons a .hover {
      width: 290px;
      height: 100px;
      text-align: left;
      padding: 15px 20px 15px 20px; }
    #beautiful-time .buttons a:first-child {
      margin-bottom: 20px; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #beautiful-time .first-row h2.title {
    font: 500 3.125em/50px "Gotham A", "Gotham B", sans-serif;
    padding: 20px 30px; }
  #beautiful-time .second-row {
    margin-top: 70px; }
  #beautiful-time .story {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    text-align: left; }
    #beautiful-time .story:last-child {
      margin-right: 0; }
  #beautiful-time .buttons {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 40.42553%;
    text-align: right; }
    #beautiful-time .buttons:last-child {
      margin-right: 0; }
    #beautiful-time .buttons a .button {
      width: 310px;
      height: 100px;
      text-align: left; }
    #beautiful-time .buttons a .hover {
      width: 310px;
      height: 100px;
      text-align: left;
      padding: 15px 30px 15px 20px; }
    #beautiful-time .buttons a:first-child {
      margin-bottom: 20px; } }
@media only screen and (min-width: 1150px) {
  #beautiful-time .first-row h2.title {
    font: 500 3.125em/50px "Gotham A", "Gotham B", sans-serif;
    padding: 20px 30px; }
  #beautiful-time .second-row {
    margin-top: 70px; }
  #beautiful-time .story {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 57.44681%;
    text-align: left; }
    #beautiful-time .story:last-child {
      margin-right: 0; }
  #beautiful-time .buttons {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 40.42553%;
    text-align: right; }
    #beautiful-time .buttons:last-child {
      margin-right: 0; }
    #beautiful-time .buttons a .button {
      width: 353px;
      height: 100px;
      text-align: left; }
    #beautiful-time .buttons a .hover {
      width: 353px;
      height: 100px;
      text-align: left;
      padding: 15px 20px 15px 20px; }
    #beautiful-time .buttons a:first-child {
      margin-bottom: 20px; } }

#beautiful-time .masonry-feed {
  *zoom: 1;
  max-width:90em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  margin-top: 30px; }
  #beautiful-time .masonry-feed:before, #beautiful-time .masonry-feed:after {
    content: " ";
    display: table; }
  #beautiful-time .masonry-feed:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #beautiful-time .masonry-feed {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #beautiful-time .masonry-feed {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #beautiful-time .masonry-feed {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #beautiful-time .masonry-feed {
      width: 1150px; } }
#beautiful-time a.item {
  display: block;
  position: relative;
  height: 300px;
  background-size: cover;
  background-position: center center;
  margin-bottom: 22px;
  overflow: hidden; }
  #beautiful-time a.item .category {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px;
    background-color: #c59949;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 2px;
   font-size:14px;
   line-height:25px;
  }
  #beautiful-time a.item .gradient {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, transparent, transparent, rgba(0, 0, 0, 0.7));
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, transparent, transparent, rgba(0, 0, 0, 0.7));
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, transparent, transparent, rgba(0, 0, 0, 0.7));
    /* IE10 */
    background-image: -o-linear-gradient(top, transparent, transparent, rgba(0, 0, 0, 0.7));
    /* Opera 11.10+ */
    background-image: linear, top, transparent, transparent, rgba(0, 0, 0, 0.7); }
  #beautiful-time a.item .hover {
    transition: 0.4s ease 0ms;
    -moz-transition: 0.4s ease 0ms;
    -webkit-transition: 0.4s ease 0ms;
    -o-transition: 0.4s ease 0ms;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(197, 153, 73, 0.5);
    opacity:0;
  }/*
    #beautiful-time a.item .hover.visible {
      background-color: rgba(197, 153, 73, 0.5); } */
  #beautiful-time a.item .content-wrapper {
    position: absolute;
    left: 0;
	  padding: 20px;
    bottom: -40px;
    transition: 0.4s ease 0ms;
    -moz-transition: 0.4s ease 0ms;
    -webkit-transition: 0.4s ease 0ms;
    -o-transition: 0.4s ease 0ms; }
    #beautiful-time .item .content-wrapper h1 {font-size:24px;font-weight:normal}
    #beautiful-time .item .content-wrapper h3{font-size:14px;font-weight:200;}
    #beautiful-time a.item:hover .content-wrapper {
      bottom: 0 !important;
    }
    #beautiful-time a.item:hover .hover{opacity:1;}
		#beautiful-time a.item .content-wrapper .teaser {
			opacity:0;line-height:20px;font-size:14px;font-weight:200;
			transition: 0.4s ease 0ms;
			-moz-transition: 0.4s ease 0ms;
			-webkit-transition: 0.4s ease 0ms;
      -o-transition: 0.4s ease 0ms;
      min-height:20px;
		}
		#beautiful-time a.item:hover .content-wrapper .teaser {opacity: 1}
 /*    #beautiful-time a.item .content-wrapper .teaser {
      transition: 0.4s ease 0ms;
      -moz-transition: 0.4s ease 0ms;
      -webkit-transition: 0.4s ease 0ms;
      -o-transition: 0.4s ease 0ms;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1; }
      #beautiful-time a.item .content-wrapper .teaser.visible {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=100);
        zoom: 1; } */
@media only screen and (max-width: 479px) {
  #beautiful-time .item .content-wrapper {
    position: absolute;
   /*  bottom: 10px; */
    left: 16px;
    right: 16px;
    color: #FFFFFF; }
    #beautiful-time .item .content-wrapper h1 {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #beautiful-time .item .content-wrapper h1 a {
        color: #FFFFFF; }
    #beautiful-time .item .content-wrapper .teaser {
      margin-top: 10px; }
  #beautiful-time .item.double-height {
    height: 622px;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.double-height:last-child {
      margin-right: 0; }
  #beautiful-time .item.third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.third:last-child {
      margin-right: 0; }
  #beautiful-time .item.single {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.single:last-child {
      margin-right: 0; }
  #beautiful-time .item.half {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.half:last-child {
      margin-right: 0; }
  #beautiful-time .item.whole {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.whole:last-child {
      margin-right: 0; }
    #beautiful-time .item.whole .content-wrapper .teaser {
      width: 80%; }
  #beautiful-time .flagged .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .flagged .left:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .left .single {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .left .single:last-child {
        margin-right: 0; }
    #beautiful-time .flagged .left .third {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .left .third:last-child {
        margin-right: 0; }
  #beautiful-time .flagged .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .flagged .right:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .right .double-height {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .right .double-height:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #beautiful-time .item .content-wrapper {
    position: absolute;
    left: 16px;
    right: 16px;
    color: #FFFFFF; }
    #beautiful-time .item .content-wrapper h1 {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #beautiful-time .item .content-wrapper h1 a {
        color: #FFFFFF; }
    #beautiful-time .item .content-wrapper .teaser {
      margin-top: 10px;}
  #beautiful-time .item.double-height {
    height: 622px;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.double-height:last-child {
      margin-right: 0; }
  #beautiful-time .item.third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.third:last-child {
      margin-right: 0; }
    #beautiful-time .item.third .content-wrapper {
      width: 60%; }
  #beautiful-time .item.single {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.single:last-child {
      margin-right: 0; }
  #beautiful-time .item.half {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.half:last-child {
      margin-right: 0; }
    #beautiful-time .item.half .content-wrapper {
      width: 60%; }
  #beautiful-time .item.whole {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.whole:last-child {
      margin-right: 0; }
    #beautiful-time .item.whole .content-wrapper {
      width: 60%; }
      #beautiful-time .item.whole .content-wrapper .teaser {
        width: 80%; }
  #beautiful-time .flagged .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .flagged .left:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .left .single {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .left .single:last-child {
        margin-right: 0; }
    #beautiful-time .flagged .left .third {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .left .third:last-child {
        margin-right: 0; }
  #beautiful-time .flagged .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .flagged .right:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .right .double-height {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 100%; }
      #beautiful-time .flagged .right .double-height:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #beautiful-time .item .content-wrapper {
    position: absolute;
    left: 20px;
    right: 20px;
    color: #FFFFFF; }
    #beautiful-time .item .content-wrapper h1 {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #beautiful-time .item .content-wrapper h1 a {
        color: #FFFFFF; }
    #beautiful-time .item .content-wrapper .teaser {
      margin-top: 10px; }
  #beautiful-time .item.double-height {
    height: 622px;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.double-height:last-child {
      margin-right: 0; }
  #beautiful-time .item.third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .item.third:last-child {
      margin-right: 0; }
    #beautiful-time .item.third .content-wrapper {
      width: 60%; }
  #beautiful-time .item.single {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.single:last-child {
      margin-right: 0; }
    #beautiful-time .item.single.break {
      margin-right: 0; }
  #beautiful-time .item.half {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%; }
    #beautiful-time .item.half:last-child {
      margin-right: 0; }
    #beautiful-time .item.half .content-wrapper {
      width: 60%; }
    #beautiful-time .item.half.break {
      margin-right: 0; }
  #beautiful-time .item.whole {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.whole:last-child {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n) {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n+1) {
      clear: left; }
    #beautiful-time .item.whole .content-wrapper {
      width: 60%; }
      #beautiful-time .item.whole .content-wrapper .teaser {
        width: 80%; }
  #beautiful-time .flagged .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .flagged .left:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .left .single {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 48.3871%; }
      #beautiful-time .flagged .left .single:last-child {
        margin-right: 0; }
    #beautiful-time .flagged .left .third {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 100%; }
      #beautiful-time .flagged .left .third:last-child {
        margin-right: 0; }
  #beautiful-time .flagged .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .flagged .right:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .right .double-height {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%; }
      #beautiful-time .flagged .right .double-height:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #beautiful-time .item .content-wrapper {
   /* position: absolute;
    bottom: 30px;*/
    left: 30px;
    right: 30px;
    color: #FFFFFF; }
    #beautiful-time .item .content-wrapper h1 {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #beautiful-time .item .content-wrapper h1 a {
        color: #FFFFFF; }
    #beautiful-time .item .content-wrapper .teaser {
      margin-top: 10px; }
  #beautiful-time .item.double-height {
    height: 622px;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.double-height:last-child {
      margin-right: 0; }
  #beautiful-time .item.third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .item.third:last-child {
      margin-right: 0; }
    #beautiful-time .item.third .content-wrapper {
      width: 60%; }
  #beautiful-time .item.single {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.single:last-child {
      margin-right: 0; }
    #beautiful-time .item.single.break {
      margin-right: 0; }
  #beautiful-time .item.half {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%; }
    #beautiful-time .item.half:last-child {
      margin-right: 0; }
    #beautiful-time .item.half .content-wrapper {
      width: 60%; }
    #beautiful-time .item.half.break {
      margin-right: 0; }
  #beautiful-time .item.whole {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.whole:last-child {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n) {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n+1) {
      clear: left; }
    #beautiful-time .item.whole .content-wrapper {
      width: 60%; }
      #beautiful-time .item.whole .content-wrapper .teaser {
        width: 80%; }
  #beautiful-time .flagged .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .flagged .left:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .left .single {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 48.3871%; }
      #beautiful-time .flagged .left .single:last-child {
        margin-right: 0; }
    #beautiful-time .flagged .left .third {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 100%; }
      #beautiful-time .flagged .left .third:last-child {
        margin-right: 0; }
  #beautiful-time .flagged .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .flagged .right:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .right .double-height {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%; }
      #beautiful-time .flagged .right .double-height:last-child {
        margin-right: 0; } }
@media only screen and (min-width: 1150px) {
  #beautiful-time .item .content-wrapper {
    position: absolute;
   /*  bottom: 30px; */
    left: 30px;
    right: 30px;
    color: #FFFFFF; }
    #beautiful-time .item .content-wrapper h1 {
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 5px; }
      #beautiful-time .item .content-wrapper h1 a {
        color: #FFFFFF; }
    #beautiful-time .item .content-wrapper .teaser {
      margin-top: 10px; }
  #beautiful-time .item.double-height {
    height: 622px;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.double-height:last-child {
      margin-right: 0; }
  #beautiful-time .item.third {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .item.third:last-child {
      margin-right: 0; }
    #beautiful-time .item.third .content-wrapper {
      width: 60%; }
  #beautiful-time .item.single {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .item.single:last-child {
      margin-right: 0; }
    #beautiful-time .item.single.break {
      margin-right: 0; }
  #beautiful-time .item.half {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%; }
    #beautiful-time .item.half:last-child {
      margin-right: 0; }
    #beautiful-time .item.half .content-wrapper {
      width: 60%; }
    #beautiful-time .item.half.break {
      margin-right: 0; }
  #beautiful-time .item.whole {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%; }
    #beautiful-time .item.whole:last-child {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n) {
      margin-right: 0; }
    #beautiful-time .item.whole:nth-child(1n+1) {
      clear: left; }
    #beautiful-time .item.whole .content-wrapper {
      width: 60%; }
      #beautiful-time .item.whole .content-wrapper .teaser {
        width: 80%; }
  #beautiful-time .flagged .left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 65.95745%; }
    #beautiful-time .flagged .left:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .left .single {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 48.3871%; }
      #beautiful-time .flagged .left .single:last-child {
        margin-right: 0; }
    #beautiful-time .flagged .left .third {
      float: left;
      display: block;
      margin-right: 3.22581%;
      width: 100%; }
      #beautiful-time .flagged .left .third:last-child {
        margin-right: 0; }
  #beautiful-time .flagged .right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 31.91489%; }
    #beautiful-time .flagged .right:last-child {
      margin-right: 0; }
    #beautiful-time .flagged .right .double-height {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%; }
      #beautiful-time .flagged .right .double-height:last-child {
        margin-right: 0; } }

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative; }

.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0; }

.noUi-handle {
  position: relative;
  z-index: 1; }

.noUi-stacking .noUi-handle {
  z-index: 10; }

.noUi-stacking + .noUi-origin {
  *z-index: -1; }

.noUi-state-tap .noUi-origin {
  -webkit-transition: left .3s,top .3s;
  transition: left .3s,top .3s; }

.noUi-state-drag * {
  cursor: inherit !important; }

.noUi-horizontal {
  height: 18px; }

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px; }

.noUi-horizontal.noUi-extended {
  padding: 0 15px; }

.noUi-horizontal.noUi-extended .noUi-origin {
  right: -15px; }

.noUi-vertical {
  width: 18px; }

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px; }

.noUi-vertical.noUi-extended {
  padding: 15px 0; }

.noUi-vertical.noUi-extended .noUi-origin {
  bottom: -15px; }

.noUi-background {
  background: #FAFAFA;
  box-shadow: inset 0 1px 1px #f0f0f0; }

.noUi-connect {
  background: #3FB8AF;
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
  -webkit-transition: background 450ms;
  transition: background 450ms; }

.noUi-origin {
  border-radius: 2px; }

.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB; }

.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB; }

.noUi-dragable {
  cursor: w-resize; }

.noUi-vertical .noUi-dragable {
  cursor: n-resize; }

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB; }

.noUi-active {
  box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB; }

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px; }

.noUi-handle:after {
  left: 17px; }

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px; }

.noUi-vertical .noUi-handle:after {
  top: 17px; }

[disabled] .noUi-connect, [disabled].noUi-connect {
  background: #B8B8B8; }

[disabled] .noUi-handle {
  cursor: not-allowed; }

#contact-hero {
  height: 610px; }
  #contact-hero .hero-content-wrapper {
    padding-top: 100px;
    vertical-align: top;
    top: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  @media only screen and (max-width: 479px) {
    #contact-hero {
      height: 400px; }
      #contact-hero .hero-content-wrapper {
        padding-top: 0;
        vertical-align: middle; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #contact-hero {
      height: 400px; }
      #contact-hero .hero-content-wrapper {
        padding-top: 0;
        vertical-align: middle;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%); } }

#contact-form {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  position: relative;
  padding: 0 25px; }
  #contact-form:before, #contact-form:after {
    content: " ";
    display: table; }
  #contact-form:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #contact-form {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #contact-form {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #contact-form {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #contact-form {
      width: 1150px; } }
  #contact-form .bottom-cover {
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    height: 50px; }
    @media only screen and (max-width: 479px) {
      #contact-form .bottom-cover {
        display: none; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #contact-form .bottom-cover {
        display: none; } }
  #contact-form .side-cover {
    position: absolute;
    bottom: -25px;
    background: url("/images/site/contact-gradient.png") left bottom no-repeat;
    background-size: auto 100%;
    height: 150px;
    width: 50px; }
    #contact-form .side-cover.right {
      right: -25px; }
    #contact-form .side-cover.left {
      left: -25px; }
    @media only screen and (max-width: 479px) {
      #contact-form .side-cover {
        display: none; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #contact-form .side-cover {
        display: none; } }
  @media only screen and (max-width: 479px) {
    #contact-form {
      padding: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #contact-form {
      padding: 0; } }

#contact-form .form-wrapper {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  background-color: #FFFFFF; }
  #contact-form .form-wrapper .input-row {
    margin: 20px 0; }
  #contact-form .form-wrapper .label {
    display: inline-block;
    text-align: right;
    color: #674836;
    padding-top: 13px; }
  @media only screen and (max-width: 479px) {
    #contact-form .form-wrapper {
      padding: 0 25px; }
      #contact-form .form-wrapper .label {
        margin-bottom: 5px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #contact-form .form-wrapper {
      padding: 0 25px; }
      #contact-form .form-wrapper .label {
        margin-bottom: 5px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #contact-form .form-wrapper {
      margin-bottom: -250px;
      top: -300px;
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 82.97872%;
      margin-left: 8.51064%;
      margin-right: 0;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      padding: 20px 40px; }
      #contact-form .form-wrapper:last-child {
        margin-right: 0; }
      #contact-form .form-wrapper .input-row {
        *zoom: 1;
        max-width: 71.875em;
        margin-left: auto;
        margin-right: auto;
        margin: 20px 0; }
        #contact-form .form-wrapper .input-row:before, #contact-form .form-wrapper .input-row:after {
          content: " ";
          display: table; }
        #contact-form .form-wrapper .input-row:after {
          clear: both; }
      #contact-form .form-wrapper .label {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 28.20513%; }
        #contact-form .form-wrapper .label:last-child {
          margin-right: 0; }
      #contact-form .form-wrapper .input {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 69.23077%;
        padding-left: 20px; }
        #contact-form .form-wrapper .input:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #contact-form .form-wrapper {
      margin-bottom: -250px;
      top: -300px;
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 65.95745%;
      margin-left: 17.02128%;
      margin-right: 0;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      padding: 20px 50px; }
      #contact-form .form-wrapper:last-child {
        margin-right: 0; }
      #contact-form .form-wrapper .input-row {
        *zoom: 1;
        max-width: 71.875em;
        margin-left: auto;
        margin-right: auto;
        margin: 20px 0; }
        #contact-form .form-wrapper .input-row:before, #contact-form .form-wrapper .input-row:after {
          content: " ";
          display: table; }
        #contact-form .form-wrapper .input-row:after {
          clear: both; }
      #contact-form .form-wrapper .label {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 28.20513%; }
        #contact-form .form-wrapper .label:last-child {
          margin-right: 0; }
      #contact-form .form-wrapper .input {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 69.23077%;
        padding-left: 20px; }
        #contact-form .form-wrapper .input:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 1150px) {
    #contact-form .form-wrapper {
      margin-bottom: -250px;
      top: -300px;
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 65.95745%;
      margin-left: 17.02128%;
      margin-right: 0;
      -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
      padding: 20px 50px; }
      #contact-form .form-wrapper:last-child {
        margin-right: 0; }
      #contact-form .form-wrapper .input-row {
        *zoom: 1;
        max-width: 71.875em;
        margin-left: auto;
        margin-right: auto;
        margin: 20px 0; }
        #contact-form .form-wrapper .input-row:before, #contact-form .form-wrapper .input-row:after {
          content: " ";
          display: table; }
        #contact-form .form-wrapper .input-row:after {
          clear: both; }
      #contact-form .form-wrapper .label {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 28.20513%; }
        #contact-form .form-wrapper .label:last-child {
          margin-right: 0; }
      #contact-form .form-wrapper .input {
        float: left;
        display: block;
        margin-right: 2.5641%;
        width: 69.23077%;
        padding-left: 30px; }
        #contact-form .form-wrapper .input:last-child {
          margin-right: 0; } }

#contact-form input[type=text], #contact-form input[type=submit] {
  display: inline-block;
  width: 100%;
  height: 40px;
  border: 0;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #e5e5e5;
  color: #b3a69f;
  text-transform: uppercase;
  text-align: left;
  padding-left: 18px;
  -webkit-box-sizing: border-box;
  /* For legacy WebKit based browsers */
  -moz-box-sizing: border-box;
  /* For all Gecko based browsers */
  box-sizing: border-box; }
  #contact-form input[type=text]::-webkit-input-placeholder, #contact-form input[type=submit]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #b3a69f; }
  #contact-form input[type=text]:-moz-placeholder, #contact-form input[type=submit]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b3a69f; }
  #contact-form input[type=text]::-moz-placeholder, #contact-form input[type=submit]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b3a69f; }
  #contact-form input[type=text]:-ms-input-placeholder, #contact-form input[type=submit]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #b3a69f; }
  #contact-form input[type=text].error, #contact-form input[type=submit].error {
    border: 1px solid red; }
#contact-form input[type=submit] {
  cursor: pointer;
  background-color: #c59949;
  color: #674836;
  text-align: center; }
  #contact-form input[type=submit]:hover {
    background-color: #8d7040; }
#contact-form select {
  display: block;
  background: #e5e5e5 url("/images/site/contact/dropdown-arrow.png") 95% center no-repeat;
  background-size: 16px 14px;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  padding: 7px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  outline: none;
  color: #674836;
  padding-left: 18px;
  text-transform: uppercase; }
  #contact-form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #674836; }
#contact-form textarea {
  width: 100%;
  padding: 18px 18px 18px 18px;
  color: #b3a69f;
  background-color: #e5e5e5;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none; }
  #contact-form textarea:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #b3a69f; }
  #contact-form textarea.error {
    border: 1px solid red; }

#contact-form .copy-wrapper {
  margin: 100px 0;
  color: #674836;
  text-align: center; }
  #contact-form .copy-wrapper h1 {
    margin-bottom: 5px; }
  @media only screen and (max-width: 479px) {
    #contact-form .copy-wrapper h1 {
      margin-bottom: 15px; }
     }
#contact-form .cta-container {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto; }
  #contact-form .cta-container:before, #contact-form .cta-container:after {
    content: " ";
    display: table; }
  #contact-form .cta-container:after {
    clear: both; }
  #contact-form .cta-container .title {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    color: #FFFFFF;
    background-color: #c59949;
    text-align: center; }
    #contact-form .cta-container .title:last-child {
      margin-right: 0; }
  #contact-form .cta-container .cta-wrapper {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    background-color: #1c130c; }
    #contact-form .cta-container .cta-wrapper:last-child {
      margin-right: 0; }
  #contact-form .cta-container .cta-copy-wrapper {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #contact-form .cta-container .cta-hover {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; }
    #contact-form .cta-container .cta-hover.hover {
      background-color: rgba(197, 153, 73, 0.75); }
  #contact-form .cta-container .cta {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    background-size: cover;
    background-position: center bottom;
    height: 168px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    display: block;
    position: relative; }
    #contact-form .cta-container .cta h1 {
      letter-spacing: 3px; }
    #contact-form .cta-container .cta.one {
      background-image: url("images/site/contact/cta-bt.jpg"); }
    #contact-form .cta-container .cta.two {
      background-image: url("images/site/contact/cta-cigars.jpg"); }
    #contact-form .cta-container .cta.three {
      background-image: url("images/site/contact/cta-accessories.jpg"); }
    #contact-form .cta-container .cta:last-of-type {
      margin-right: 0; }
@media only screen and (max-width: 479px) {
  #contact-form .copy-wrapper {
    margin: 50px 0; }
  #contact-form .cta-container .cta {
    width: 100%;
    height: 100px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #contact-form .copy-wrapper {
    margin: 50px 0; }
  #contact-form .cta-container .cta {
    width: 100%;
    height: 100px; } }
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  #contact-form .copy-wrapper {
    width: 100%; }
  #contact-form .cta-container .cta {
    float: left;
    width: 33.333%; } }
@media only screen and (min-width: 1024px) and (max-width: 1149px) {
  #contact-form .copy-wrapper {
    width: 100%; }
  #contact-form .cta-container .cta {
    float: left;
    width: 33.333%; } }
@media only screen and (min-width: 1150px) {
  #contact-form .copy-wrapper {
    width: 100%; }
  #contact-form .cta-container .cta {
    float: left;
    width: 33.333%; } }

#contact-form .loading {
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8); }
#contact-form .message-container {
  display: table;
  height: 100%;
  width: 100%; }
#contact-form .message-wrapper {
  display: table-cell;
  vertical-align: middle; }
#contact-form .message {
  color: #674836;}

body.insta-admin {
  background-color: #3e4c54; }

.content-container {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto; }
  .content-container:before, .content-container:after {
    content: " ";
    display: table; }
  .content-container:after {
    clear: both; }

#branding {
  background: #27343c url("/themes/cp_themes/default/images/backgrounds_sprite.png") repeat-x 0 0;
  height: 19px;
  margin-bottom: 5px; }

#mainMenu {
  background-color: #27343C;
  color: #fff;
  margin-bottom: 30px; }
  #mainMenu ul {
    list-style: none; }
  #mainMenu .clear {
    clear: both; }

#navigationTabs {
  margin-left: 25px;
  margin-top: -6px;
  padding-top: 2px; }

#navigationTabs a {
  outline: 0; }

#navigationTabs li a.first_level,
#navigationTabs li a.first_level:link,
#navigationTabs li a.first_level:visited {
  background: #27343C url("/themes/cp_themes/default/images/backgrounds_sprite.png") repeat-x 0 -79px;
  color: #fff;
  display: block;
  letter-spacing: .1em;
  font-size: 12px;
  padding: 3px 8px 4px 8px;
  margin: 0 4px 15px 4px;
  border-bottom: none;
  text-decoration: none;
  float: left; }

#navigationTabs li.title {
  width: auto;
  color: #fff;
  display: block;
  letter-spacing: .1em;
  font-size: 12px;
  padding: 3px 8px 4px 8px;
  margin: 0 4px 15px 4px;
  border-bottom: none;
  text-decoration: none;
  line-height: 13px;
  float: left; }

#navigationTabs .msm_sites {
  float: right;
  margin-right: 20px;
  font-weight: bold; }

.button a,
.cp_button a,
#search form,
div.contentMenu,
#mainContent .formArea,
#navigationTabs .first_level {
  -webkit-border-radius: 10px;
  border-radius: 10px; }

#instagram {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%; }
  #instagram:last-child {
    margin-right: 0; }
  #instagram .item {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 23.40426%;
    background-color: #ECF1F4;
    border-radius: 10px;
    margin-bottom: 30px; }
    #instagram .item:last-child {
      margin-right: 0; }
    #instagram .item:nth-child(4n) {
      margin-right: 0; }
    #instagram .item:nth-child(4n+1) {
      clear: left; }
  #instagram img {
    width: 100%; }
  #instagram .user-name {
    position: relative;
    background-color: #ABB7C3;
    font-size: 20px;
    padding: 10px 17px 10px 17px;
    color: #FFF;
    text-shadow: #666 0 1px 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
  #instagram .date {
    color: #5f6c74;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0 4px 17px;
    border-bottom: 1px solid #d0d7df;
    border-top: 1px solid #fff; }
  #instagram .desc {
    position: relative;
    font-size: 13px;
    color: #5f6c74;
    padding: 5px 17px 4px 17px;
    border-bottom: 1px solid #d0d7df;
    border-top: 1px solid #fff;
    height: 70px;
    overflow: hidden; }
    #instagram .desc .fade {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 20px;
      background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#ECF1F4));
      /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, transparent, #ECF1F4);
      /* Chrome 10+, Saf5.1+, iOS 5+ */
      background-image: -moz-linear-gradient(top, transparent, #ECF1F4);
      /* FF3.6 */
      background-image: -ms-linear-gradient(top, transparent, #ECF1F4);
      /* IE10 */
      background-image: -o-linear-gradient(top, transparent, #ECF1F4);
      /* Opera 11.10+ */
      background-image: linear, top, transparent, #ECF1F4;
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='transparent', EndColorStr='#ECF1F4'); }
  #instagram .image {
    padding: 5px 5px 4px 5px;
    border-bottom: 1px solid #d0d7df;
    border-top: 1px solid #fff; }
  #instagram .approve-container {
    text-align: center;
    color: #5f6c74;
    padding: 15px 17px 15px 17px;
    text-transform: uppercase;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
    #instagram .approve-container.true {
      letter-spacing: 2px;
      background-color: #69B35D;
      color: #FFF;
      font-weight: bold; }

.preferences p {
  line-height: 1.5rem; }
.preferences .hide {
  display: none; }
.preferences .show {
  display: block; }
.preferences select {
  display: block; }
.preferences .container {
  width: 320px;
  margin: 0 auto;
  padding: 0 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preferences .container {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences .container {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences .container {
      width: 768px; } }
  @media only screen and (min-width: 1150px) {
    .preferences .container {
      width: 768px; } }
.preferences #hero.image-hero {
  max-width: 100%;
  width: 100%; }
.preferences .image-hero {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-image: url(/images/site/preferences/hero_bg.jpg); }
  .preferences .image-hero .container {
    padding-top: 0; }
  .preferences .image-hero .message {
    margin: 40px auto;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    color: #ffffff;
    text-align: center;
    padding: 20px 0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
  .preferences .image-hero h2 {
    text-transform: uppercase;
    font-size: 1.3em;
    letter-spacing: 6px;
    margin: 0.3em 0;
    font-weight: 400; }
  .preferences .image-hero h3 {
    font-size: 0.91em;
    margin: 0.5em 0;
    font-weight: 400;
    letter-spacing: 1px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preferences .image-hero .message {
      margin: 50px auto; }
    .preferences .image-hero h2 {
      font-size: 2.4em;
      letter-spacing: 7px; }
    .preferences .image-hero h3 {
      font-size: 1em; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences .image-hero .message {
      margin: 80px auto; }
    .preferences .image-hero h2 {
      font-size: 4.2em;
      letter-spacing: 9px; }
    .preferences .image-hero h3 {
      font-size: 1.7em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences .image-hero .message {
      margin: 80px auto; }
    .preferences .image-hero h2 {
      font-size: 4.2em;
      letter-spacing: 9px; }
    .preferences .image-hero h3 {
      font-size: 2.2em; } }
  @media only screen and (min-width: 1150px) {
    .preferences .image-hero .message {
      margin: 80px auto; }
    .preferences .image-hero h2 {
      font-size: 4.2em;
      letter-spacing: 9px; }
    .preferences .image-hero h3 {
      font-size: 2.2em; } }
.preferences form .form_body {
  margin: 20px 0 50px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences form .form_body {
      margin: 50px 0 80px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences form .form_body {
      margin: 50px 0 80px; } }
  @media only screen and (min-width: 1150px) {
    .preferences form .form_body {
      margin: 50px 0 80px; } }
  .preferences form .form_body .second_block li, .preferences form .form_body .third_block li {
    margin-top: 20px; }
    .preferences form .form_body .second_block li div, .preferences form .form_body .third_block li div {
      margin-top: 10px; }
      .preferences form .form_body .second_block li div select, .preferences form .form_body .third_block li div select {
        margin-top: 5px; }
.preferences form .gold_bg {
  background: #c59949;
  padding: 10px 0 40px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences form .gold_bg {
      padding: 10px 0 40px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences form .gold_bg {
      padding: 10px 0 40px; } }
  @media only screen and (min-width: 1150px) {
    .preferences form .gold_bg {
      padding: 10px 0 40px; } }
.preferences form .image_bg {
  background-size: cover;
  background-image: url(/images/site/preferences/hero_craftsmanship.jpg); }
  .preferences form .image_bg .password_field {
    text-align: center;
    color: #ffffff; }
    .preferences form .image_bg .password_field h3 {
      font-weight: 400; }
.preferences form .upper {
  text-transform: uppercase;
  font-size: 12px; }
.preferences form .item {
  padding-top: 20px;
  text-transform: uppercase; }
  .preferences form .item .icon-edit {
    cursor: pointer;
    float: right; }
.preferences form input {
  font-size: 12px;
  color: #8d7040;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-appearance: none;
  text-align: left;
  padding-left: 18px;
  height: 40px;
  border: 1px solid #000000;
  outline: none; }
  .preferences form input::-webkit-input-placeholder {
    color: #8d7040; }
.preferences form select {
  height: 40px;
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  color: #8d7040;
  text-transform: uppercase;
  padding-left: 18px;
  font-size: 12px;
  margin-top: 10px;
  background: #fff url("/images/site/preferences/bg_icons.jpg") no-repeat right center;
  background-size: 20px 8px; }
.preferences form .top_label {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-size: 1.2em;
  letter-spacing: 1px;
  margin: 30px 0; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preferences form .top_label {
      font-size: 2em; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences form .top_label {
      font-size: 2.4em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences form .top_label {
      font-size: 2.4em; } }
  @media only screen and (min-width: 1150px) {
    .preferences form .top_label {
      font-size: 2.4em; } }
.preferences form .intro_radios {
  padding: 0; }
.preferences form .form_body_3 {
  border-top: 3px solid #d2d2d2;
  width: 700px;
  margin: 60px auto; }
  .preferences form .form_body_3 .address_list {
    padding-top: 30px; }
  .preferences form .form_body_3 h2 {
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 1.3em;
    letter-spacing: 4px;
    margin: 30px 0; }
  .preferences form .form_body_3 h3 {
    text-align: center; }
.preferences .form_fields {
  list-style: none;
  padding: 0 25px;
  margin: 0 auto;
  width: 320px; }
  .preferences .form_fields > li {
    padding-bottom: 15px; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preferences .form_fields {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences .form_fields {
      width: 580px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences .form_fields {
      width: 580px; } }
  @media only screen and (min-width: 1150px) {
    .preferences .form_fields {
      width: 580px; } }
  .preferences .form_fields .left_field {
    width: 100%;
    float: left;
    padding-bottom: 15px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .preferences .form_fields .left_field {
        width: 48%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .preferences .form_fields .left_field {
        width: 48%; } }
    @media only screen and (min-width: 1150px) {
      .preferences .form_fields .left_field {
        width: 48%; } }
  .preferences .form_fields .right_field {
    width: 100%;
    float: right; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .preferences .form_fields .right_field {
        width: 48%; }
        .preferences .form_fields .right_field.special {
          width: 75%; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .preferences .form_fields .right_field {
        width: 48%; }
        .preferences .form_fields .right_field.special {
          width: 75%; } }
    @media only screen and (min-width: 1150px) {
      .preferences .form_fields .right_field {
        width: 48%; }
        .preferences .form_fields .right_field.special {
          width: 75%; } }
    .preferences .form_fields .right_field.special {
      line-height: 0; }
  .preferences .form_fields .medium {
    width: 100%; }
  .preferences .form_fields .left_label {
    line-height: 20px; }
.preferences .middle_list h2 {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-size: 1em;
  letter-spacing: 4px;
  margin: 30px 0; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .preferences .middle_list h2 {
      font-size: 1.4em; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences .middle_list h2 {
      font-size: 2em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences .middle_list h2 {
      font-size: 2em; } }
  @media only screen and (min-width: 1150px) {
    .preferences .middle_list h2 {
      font-size: 2em; } }
.preferences .middle_list .cigars_section {
  padding-bottom: 20px; }
.preferences .form_footer {
  width: 80%;
  margin: 0 auto; }
  .preferences .form_footer.top_label {
    margin: 30px auto; }
  .preferences .form_footer .form_button {
    color: #ffffff;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #c59949 url("/images/site/preferences/brn_arrow.png") no-repeat right center;
    border: none;
    cursor: pointer; }
.preferences .first_block > li {
  padding-bottom: 15px; }
.preferences .first_block .top_label {
  text-transform: uppercase;
  text-align: center;
  display: block;
  font-size: 1.2em;
  letter-spacing: 1px;
  margin: 30px 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .preferences .first_block .top_label {
      font-size: 2.4em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .preferences .first_block .top_label {
      font-size: 2.4em; } }
  @media only screen and (min-width: 1150px) {
    .preferences .first_block .top_label {
      font-size: 2.4em; } }
.preferences .first_block .intro_radios {
  padding: 0; }
  .preferences .first_block .intro_radios li {
    display: inline-block;
    padding: 0 30px 10px 0; }
    .preferences .first_block .intro_radios li:last-child {
      padding-right: 0; }
    .preferences .first_block .intro_radios li input {
      -webkit-appearance: radio;
      height: auto; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .preferences .first_block .intro_radios li {
        padding-right: 50px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .preferences .first_block .intro_radios li {
        padding-right: 53px; } }
    @media only screen and (min-width: 1150px) {
      .preferences .first_block .intro_radios li {
        padding-right: 53px; } }
.preferences .first_block .birth_dates {
  padding: 0;
  list-style: none; }
  .preferences .first_block .birth_dates li {
    display: inline-block;
    width: 25%;
    margin-right: 28px; }
    .preferences .first_block .birth_dates li:last-child {
      margin-right: 0; }
    .preferences .first_block .birth_dates li input {
      background-color: #c59949;
      color: #FFFFFF;
      text-align: center;
      width: 100%;
      padding: 0; }
      .preferences .first_block .birth_dates li input::-webkit-input-placeholder {
        color: #ffffff; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      .preferences .first_block .birth_dates li {
        width: 28%; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .preferences .first_block .birth_dates li {
        margin-right: 44px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      .preferences .first_block .birth_dates li {
        margin-right: 44px; } }
    @media only screen and (min-width: 1150px) {
      .preferences .first_block .birth_dates li {
        margin-right: 44px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .preferences .first_block .top_label {
    font-size: 2em; } }
.preferences #submit_section .wrapper {
  position: relative;
  padding: 30px 0; }
  .preferences #submit_section .wrapper .loading {
    transition: 0.2s ease 0ms;
    -moz-transition: 0.2s ease 0ms;
    -webkit-transition: 0.2s ease 0ms;
    -o-transition: 0.2s ease 0ms;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8); }
  .preferences #submit_section .wrapper .message-container {
    display: table;
    height: 100%;
    width: 100%; }
  .preferences #submit_section .wrapper .message-wrapper {
    display: table-cell;
    vertical-align: middle; }
  .preferences #submit_section .wrapper .message {
    color: #674836;
    font: 400 1.5em/24px "Gotham A", "Gotham B", sans-serif; }
  .preferences #submit_section .wrapper .error-message {
    background-color: #861F1F;
    color: #fff;
    list-style-position: inside;
    padding: 0;
    line-height: 2em; }
    .preferences #submit_section .wrapper .error-message.active {
      padding: 10px 20px; }
.preferences #contact-form .form-wrapper {
  margin: 20px auto;
  float: none;
  width: 85%;
  margin-top: 20px;
  top: 0;
  box-shadow: none;
  -webkit-box-shadow: none; }
.preferences #contact-form .cta-container .cta {
  height: 200px;
  padding-top: 10px; }
.preferences #contact-hero {
  height: auto; }
  .preferences #contact-hero .hero-content-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }

#account, #account-header {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  position: relative;
  color: #000000; }
  #account:before, #account:after, #account-header:before, #account-header:after {
    content: " ";
    display: table; }
  #account:after, #account-header:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #account, #account-header {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #account, #account-header {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #account, #account-header {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #account, #account-header {
      width: 1150px; } }
  #account a, #account-header a {
    color: #000000; }
    #account a.button, #account-header a.button {
      color: #ffffff !important;
      width: 150px;
      position: relative;
      background: #c59949 url("/images/site/preferences/brn_arrow.png") no-repeat right center;
      border: none;
      cursor: pointer;
      font-size: 12px;
      text-transform: uppercase;
      border-radius: 0;
      -webkit-appearance: none;
      text-align: left;
      padding: 13px 18px;
      height: 40px;
      outline: none;
      display: block;
      margin-top: 10px; }
      #account a.button.centered, #account-header a.button.centered {
        margin-left: auto;
        margin-right: auto; }
  #account p, #account-header p {
    line-height: 1.5rem; }
    #account p.message, #account-header p.message {
      text-align: center; }
    #account p.centered, #account-header p.centered {
      text-align: center; }
  #account .login-header, #account-header .login-header {
    text-align: center;
    border-bottom: #e0e0e0 1px solid;
    padding: 8px 0; }
    #account .login-header h2, #account-header .login-header h2 {
      text-transform: uppercase;
      font-size: 25px; }
  #account #password-reset, #account-header #password-reset {
    width: 80%;
    max-width: 600px; }
  #account #login, #account #signup, #account-header #login, #account-header #signup {
    width: 100%;
    max-width: 400px; }
    #account #login input, #account #signup input, #account-header #login input, #account-header #signup input {
      margin: 5px 0 10px; }
    #account #login input[type="text"], #account #login input[type="password"], #account #signup input[type="text"], #account #signup input[type="password"], #account-header #login input[type="text"], #account-header #login input[type="password"], #account-header #signup input[type="text"], #account-header #signup input[type="password"] {
      width: 100%; }
    #account #login input[type="checkbox"], #account #signup input[type="checkbox"], #account-header #login input[type="checkbox"], #account-header #signup input[type="checkbox"] {
      -webkit-appearance: checkbox;
      width: auto; }
    #account #login input[type="submit"], #account #signup input[type="submit"], #account-header #login input[type="submit"], #account-header #signup input[type="submit"] {
      color: #ffffff;
      width: 150px;
      position: relative;
      background: #c59949 url("/images/site/preferences/brn_arrow.png") no-repeat right center;
      border: none;
      cursor: pointer; }
    #account #login #forgot-password, #account #signup #forgot-password, #account-header #login #forgot-password, #account-header #signup #forgot-password {
      margin: 5px 0 10px;
      font-size: .8rem;
      text-decoration: underline; }
    #account #login form button, #account #signup form button, #account-header #login form button, #account-header #signup form button {
      width: 150px; }
  #account .centered, #account-header .centered {
    padding: 20px;
    margin-left: auto;
    margin-right: auto; }
  #account .sidebar, #account-header .sidebar {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 14.89362%;
    display: none;
    padding-top: 20px;
    text-transform: uppercase;
    text-align: right; }
    #account .sidebar:last-child, #account-header .sidebar:last-child {
      margin-right: 0; }
    #account .sidebar .sticky, #account-header .sidebar .sticky {
      margin-right: -35px;
      border-bottom: 1px solid #e0e0e0; }
      #account .sidebar .sticky .wrapper, #account-header .sidebar .sticky .wrapper {
        margin-right: 35px;
        padding-bottom: 10px; }
        #account .sidebar .sticky .wrapper a, #account-header .sidebar .sticky .wrapper a {
          color: #c4c4c4; }
          #account .sidebar .sticky .wrapper a.active, #account-header .sidebar .sticky .wrapper a.active {
            color: #000000; }
        #account .sidebar .sticky .wrapper h3.header, #account-header .sidebar .sticky .wrapper h3.header {
          color: #c59949;
          font: 600 0.625em/14px "Gotham A", "Gotham B", sans-serif;
          letter-spacing: 2px; }
        #account .sidebar .sticky .wrapper ul li, #account-header .sidebar .sticky .wrapper ul li {
          list-style: none;
          font: 400 0.9375em/32px "Gotham A", "Gotham B", sans-serif;
          letter-spacing: 2px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account .sidebar, #account-header .sidebar {
        display: block; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account .sidebar, #account-header .sidebar {
        display: block; } }
    @media only screen and (min-width: 1150px) {
      #account .sidebar, #account-header .sidebar {
        display: block; } }
  #account form ul.birth_dates li, #account-header form ul.birth_dates li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 31%;
    padding-right: 2%;
    margin-right: 1%; }
    #account form ul.birth_dates li input, #account-header form ul.birth_dates li input {
      box-sizing: border-box;
      width: 100%; }
  #account #content, #account-header #content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    display: block;
    margin-top: 10px; }
    #account #content:last-child, #account-header #content:last-child {
      margin-right: 0; }
    #account #content a, #account #content p, #account #content p.pre-reveal-form, #account-header #content a, #account-header #content p, #account-header #content p.pre-reveal-form {
      display: block;
      margin-bottom: 15px;
      font-weight: 400;
      overflow: hidden;
      line-height: 1em; }
      #account #content a:last-of-type, #account #content p:last-of-type, #account #content p.pre-reveal-form:last-of-type, #account-header #content a:last-of-type, #account-header #content p:last-of-type, #account-header #content p.pre-reveal-form:last-of-type {
        margin-bottom: 0; }
    #account #content .intl-tel-input, #account-header #content .intl-tel-input {
      display: block;
      margin-top: 10px; }
      #account #content .intl-tel-input .phone, #account-header #content .intl-tel-input .phone {
        padding-left: 45px; }
      #account #content .intl-tel-input .flag-dropdown ul.country-list li, #account-header #content .intl-tel-input .flag-dropdown ul.country-list li {
        display: block; }
      #account #content .intl-tel-input .country-list .country, #account-header #content .intl-tel-input .country-list .country {
        padding: 5px 10px; }
    #account #content .profile-section, #account-header #content .profile-section {
      display: none; }
      #account #content .profile-section.active, #account-header #content .profile-section.active {
        display: block; }
      #account #content .profile-section .line-select, #account #content .profile-section .sku-select, #account-header #content .profile-section .line-select, #account-header #content .profile-section .sku-select {
        margin-bottom: 15px; }
      #account #content .profile-section .prefs-edit:first-of-type, #account-header #content .profile-section .prefs-edit:first-of-type {
        margin-top: 0; }
        #account #content .profile-section .prefs-edit:first-of-type button, #account-header #content .profile-section .prefs-edit:first-of-type button {
          margin-top: 0; }
    #account #content .section-header, #account-header #content .section-header {
      display: block;
      font: 600 1.0625em/17px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 0px;
      margin: 40px 0 20px;
      text-transform: uppercase; }
      #account #content .section-header:first-of-type, #account-header #content .section-header:first-of-type {
        margin-top: 0; }
    #account #content .sub-header, #account-header #content .sub-header {
      font-weight: 100;
      font-size: .9em;
      margin: 40px 0 20px; }
      #account #content .sub-header:first-of-type, #account-header #content .sub-header:first-of-type {
        margin-top: 0; }
    #account #content #thank-you h1, #account-header #content #thank-you h1 {
      font-size: 1.2em;
      margin-bottom: 10px; }
    #account #content #thank-you h2, #account-header #content #thank-you h2 {
      font-size: 1em;
      font-weight: 100; }
    #account #content .account-body p, #account-header #content .account-body p {
      font: 400 1.25em/30px "Mercury Display A", "Mercury Display B", serif; }
      #account #content .account-body p:last-of-type, #account-header #content .account-body p:last-of-type {
        margin-bottom: 40px; }
    #account #content .account-body a, #account-header #content .account-body a {
      color: #c59949; }
    #account #content .account-body img, #account-header #content .account-body img {
      width: 100%;
      display: block; }
    #account #content .account-body ins, #account-header #content .account-body ins {
      background-color: transparent;
      color: #c59949; }
    #account #content .account-body h1, #account-header #content .account-body h1 {
      font: 600 1.875em/40px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body h2, #account-header #content .account-body h2 {
      font: 600 1.75em/38px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body h3, #account-header #content .account-body h3 {
      font: 600 1.625em/36px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body h4, #account-header #content .account-body h4 {
      font: 600 1.5em/34px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body h5, #account-header #content .account-body h5 {
      font: 600 1.375em/32px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body h6, #account-header #content .account-body h6 {
      font: 600 1.25em/30px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body ul, #account-header #content .account-body ul {
      margin: 5px 20px;
      font: 400 1.25em/22px "Mercury Display A", "Mercury Display B", serif; }
    #account #content .account-body blockquote, #account-header #content .account-body blockquote {
      position: relative;
      color: #c59949;
      border: 2px solid #c59949;
      border-left: 0;
      border-right: 0;
      margin-bottom: 30px;
      margin-top: 30px;
      text-align: center;
      font: 400 italic 2.3125em/40px "Mercury Display A", "Mercury Display B", serif;
      padding: 30px 0 20px 0; }
      #account #content .account-body blockquote:after, #account-header #content .account-body blockquote:after {
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        text-align: center;
        content: '“';
        color: #FFFFFF;
        font: 400 italic 1.25em/36px "Mercury Display A", "Mercury Display B", serif; }
      #account #content .account-body blockquote:before, #account-header #content .account-body blockquote:before {
        position: absolute;
        top: -11px;
        left: 0;
        right: 0;
        margin: 0 auto;
        background-color: #c59949;
        content: " ";
        width: 21px;
        height: 21px;
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg));
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(45deg), M12=-sin(45deg), M21=sin(45deg), M22=cos(45deg))";
        zoom: 1; }
    #account #content p, #account-header #content p {
      font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
      margin-bottom: 40px; }
      #account #content p:last-of-type, #account-header #content p:last-of-type {
        margin-bottom: 0; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1150px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 57.44681%;
        margin-top: 0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; } }
    #account #content article, #account-header #content article {
      transition: 0.4s ease 0ms;
      -moz-transition: 0.4s ease 0ms;
      -webkit-transition: 0.4s ease 0ms;
      -o-transition: 0.4s ease 0ms;
      display: table;
      position: relative;
      width: 100%;
      color: #FFFFFF;
      background-color: transparent;
      height: 195px;
      padding: 12px; }
      #account #content article .info, #account-header #content article .info {
        display: table-cell;
        vertical-align: bottom; }
        #account #content article .info .categories, #account-header #content article .info .categories {
          position: absolute;
          top: 12px;
          left: 12px;
          text-transform: uppercase;
          margin-bottom: 12px;
          font-size: 12px;
          letter-spacing: 4px; }
        #account #content article .info h2, #account-header #content article .info h2 {
          font: 400 1.4375em/23px "Gotham A", "Gotham B", sans-serif; }
        #account #content article .info .location-header, #account-header #content article .info .location-header {
          display: block;
          margin-top: 8px;
          font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
        #account #content article .info p, #account-header #content article .info p {
          font: 400 0.625em/12px "Gotham A", "Gotham B", sans-serif; }
      #account #content article .alpha, #account-header #content article .alpha {
        z-index: -10;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #c59949;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover; }
      #account #content article.image, #account-header #content article.image {
        background-color: rgba(0, 0, 0, 0.3); }
      #account #content article.hover, #account-header #content article.hover {
        background-color: rgba(197, 153, 73, 0.75) !important; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; }
        #account #content a, #account-header #content a {
          display: block;
          margin-bottom: 15px; }
          #account #content a:last-of-type, #account-header #content a:last-of-type {
            margin-bottom: 0; }
        #account #content article, #account-header #content article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #account #content article .info, #account-header #content article .info {
            padding-right: 100px; }
            #account #content article .info .categories, #account-header #content article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #account #content article .info h2, #account-header #content article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info .location-header, #account-header #content article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info p, #account-header #content article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #account #content article.hero, #account-header #content article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #account #content article.hover, #account-header #content article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; }
        #account #content a, #account-header #content a {
          display: block;
          margin-bottom: 15px; }
          #account #content a:last-of-type, #account-header #content a:last-of-type {
            margin-bottom: 0; }
        #account #content article, #account-header #content article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #account #content article .info, #account-header #content article .info {
            padding-right: 175px; }
            #account #content article .info .categories, #account-header #content article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #account #content article .info h2, #account-header #content article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info .location-header, #account-header #content article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info p, #account-header #content article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #account #content article.hero, #account-header #content article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #account #content article.hover, #account-header #content article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }
    @media only screen and (min-width: 1150px) {
      #account #content, #account-header #content {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 82.97872%;
        padding: 20px 0 0 30px;
        border-left: 1px solid #e0e0e0; }
        #account #content:last-child, #account-header #content:last-child {
          margin-right: 0; }
        #account #content a, #account-header #content a {
          display: block;
          margin-bottom: 15px; }
          #account #content a:last-of-type, #account-header #content a:last-of-type {
            margin-bottom: 0; }
        #account #content article, #account-header #content article {
          height: 150px;
          width: 100%;
          padding: 24px; }
          #account #content article .info, #account-header #content article .info {
            padding-right: 250px; }
            #account #content article .info .categories, #account-header #content article .info .categories {
              position: relative;
              top: 0;
              left: 0;
              text-transform: uppercase;
              margin-bottom: 12px;
              font-size: 14px; }
            #account #content article .info h2, #account-header #content article .info h2 {
              font: 400 1.625em/26px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info .location-header, #account-header #content article .info .location-header {
              display: block;
              margin-top: 8px;
              font: 400 1em/20px "Gotham A", "Gotham B", sans-serif; }
            #account #content article .info p, #account-header #content article .info p {
              font: 400 0.75em/16px "Gotham A", "Gotham B", sans-serif; }
          #account #content article.hero, #account-header #content article.hero {
            height: 350px;
            width: 100%;
            background-color: transparent;
            background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Chrome 10+, Saf5.1+, iOS 5+ */
            background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* FF3.6 */
            background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* IE10 */
            background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
            /* Opera 11.10+ */
            background-image: linear, top, transparent, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7); }
          #account #content article.hover, #account-header #content article.hover {
            background-color: rgba(197, 153, 73, 0.75) !important; } }
    #account #content .loading, #account-header #content .loading {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms;
      position: fixed;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.95); }
      #account #content .loading .message-container, #account-header #content .loading .message-container {
        margin-top: 200px; }
  @media all and (min-width: 768px) and (max-width: 1149px) {
    #account .sidebar, #account-header .sidebar {
      width: 25%; }
    #account #content, #account-header #content {
      width: 70%; } }
  #account form li, #account-header form li {
    display: inline-block;
    padding: 0 30px 10px 0; }
  #account form #title_radios input, #account-header form #title_radios input {
    -webkit-appearance: radio;
    height: auto; }
  #account form .form, #account form .password, #account form .prefs-save, #account form .sku-select, #account form .prefs-edit, #account-header form .form, #account-header form .password, #account-header form .prefs-save, #account-header form .sku-select, #account-header form .prefs-edit {
    max-width: 70%;
    margin: 15px 0; }
    #account form .form input, #account form .password input, #account form .prefs-save input, #account form .sku-select input, #account form .prefs-edit input, #account-header form .form input, #account-header form .password input, #account-header form .prefs-save input, #account-header form .sku-select input, #account-header form .prefs-edit input {
      width: 100%; }
    #account form .form .submit, #account form .form button, #account form .password .submit, #account form .password button, #account form .prefs-save .submit, #account form .prefs-save button, #account form .sku-select .submit, #account form .sku-select button, #account form .prefs-edit .submit, #account form .prefs-edit button, #account-header form .form .submit, #account-header form .form button, #account-header form .password .submit, #account-header form .password button, #account-header form .prefs-save .submit, #account-header form .prefs-save button, #account-header form .sku-select .submit, #account-header form .sku-select button, #account-header form .prefs-edit .submit, #account-header form .prefs-edit button {
      width: 150px;
      margin: 10px 0; }
  #account form .password label, #account-header form .password label {
    margin: 30px 0 0px;
    display: block; }
  #account form .sku-select label, #account-header form .sku-select label {
    margin: 20px 0 0;
    display: block; }
  #account form .form_body, #account-header form .form_body {
    margin: 20px 0 50px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account form .form_body, #account-header form .form_body {
        margin: 50px 0 80px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account form .form_body, #account-header form .form_body {
        margin: 50px 0 80px; } }
    @media only screen and (min-width: 1150px) {
      #account form .form_body, #account-header form .form_body {
        margin: 50px 0 80px; } }
  #account form .gold_bg, #account-header form .gold_bg {
    background: #c59949;
    padding: 10px 0 40px; }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account form .gold_bg, #account-header form .gold_bg {
        padding: 10px 0 40px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account form .gold_bg, #account-header form .gold_bg {
        padding: 10px 0 40px; } }
    @media only screen and (min-width: 1150px) {
      #account form .gold_bg, #account-header form .gold_bg {
        padding: 10px 0 40px; } }
  #account form .image_bg, #account-header form .image_bg {
    background-size: cover;
    background-image: url(/images/site/preferences/hero_craftsmanship.jpg); }
    #account form .image_bg .password_field, #account-header form .image_bg .password_field {
      text-align: center;
      color: #ffffff; }
      #account form .image_bg .password_field h3, #account-header form .image_bg .password_field h3 {
        font-weight: 400; }
  #account form .upper, #account-header form .upper {
    text-transform: uppercase;
    font-size: 12px; }
  #account form .item, #account-header form .item {
    padding-top: 20px;
    text-transform: uppercase; }
    #account form .item .icon-edit, #account-header form .item .icon-edit {
      cursor: pointer;
      float: right; }
  #account form input, #account-header form input {
    font-size: 12px;
    color: #8d7040;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-appearance: none;
    text-align: left;
    padding-left: 18px;
    height: 40px;
    border: 1px solid #000000;
    outline: none;
    margin-top: 10px; }
    #account form input::-webkit-input-placeholder, #account-header form input::-webkit-input-placeholder {
      color: #8d7040; }
    #account form input:focus, #account-header form input:focus {
      background-color: #fffe9b; }
  #account form select, #account-header form select {
    height: 40px;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    color: #8d7040;
    text-transform: uppercase;
    padding-left: 18px;
    font-size: 12px;
    margin-top: 10px;
    background: #fff url("/images/site/preferences/bg_icons.jpg") no-repeat right center;
    background-size: 20px 8px; }
  #account form .top_label, #account-header form .top_label {
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 1.2em;
    letter-spacing: 1px;
    margin: 30px 0; }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #account form .top_label, #account-header form .top_label {
        font-size: 2em; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #account form .top_label, #account-header form .top_label {
        font-size: 2.4em; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #account form .top_label, #account-header form .top_label {
        font-size: 2.4em; } }
    @media only screen and (min-width: 1150px) {
      #account form .top_label, #account-header form .top_label {
        font-size: 2.4em; } }
  #account form .intro_radios, #account-header form .intro_radios {
    padding: 0; }
  #account form .form_body_3, #account-header form .form_body_3 {
    border-top: 3px solid #d2d2d2;
    width: 700px;
    margin: 60px auto; }
    #account form .form_body_3 .address_list, #account-header form .form_body_3 .address_list {
      padding-top: 30px; }
    #account form .form_body_3 h2, #account-header form .form_body_3 h2 {
      text-transform: uppercase;
      text-align: center;
      display: block;
      font-size: 1.3em;
      letter-spacing: 4px;
      margin: 30px 0; }
    #account form .form_body_3 h3, #account-header form .form_body_3 h3 {
      text-align: center; }
  #account form button, #account-header form button {
    color: #ffffff;
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #c59949 url("/images/site/preferences/brn_arrow.png") no-repeat right center;
    border: none;
    cursor: pointer;
    height: 40px;
    text-align: left;
    padding-left: 18px;
    text-transform: uppercase;
    font-size: 12px; }
  #account form #form-errors, #account-header form #form-errors {
    padding: 10px;
    color: #fff;
    background-color: #861F1F;
    margin: 0 0 10px;
    width: 70%;
    display: none; }
    #account form #form-errors ul, #account-header form #form-errors ul {
      margin-top: 10px; }
      #account form #form-errors ul li, #account-header form #form-errors ul li {
        display: block; }
  #account form .switch-wrapper, #account-header form .switch-wrapper {
    display: block;
    margin-bottom: 20px; }
    #account form .switch-wrapper .switch-label, #account-header form .switch-wrapper .switch-label {
      display: inline-block; }
    #account form .switch-wrapper:focus, #account-header form .switch-wrapper:focus {
      background-color: #fffe9b; }
    #account form .switch-wrapper .switch, #account-header form .switch-wrapper .switch {
      padding: 0;
      border: none;
      position: relative;
      display: inline-block; }
      #account form .switch-wrapper .switch label, #account-header form .switch-wrapper .switch label {
        display: block;
        margin-bottom: 0;
        position: relative;
        color: transparent;
        background: #B38C8C;
        text-indent: 100%;
        width: 6rem;
        height: 2.5rem;
        cursor: pointer;
        transition: left 0.15s ease-out; }
        #account form .switch-wrapper .switch label:after, #account-header form .switch-wrapper .switch label:after {
          content: "";
          display: block;
          background: white;
          position: absolute;
          top: .25rem;
          left: .25rem;
          width: 2.5rem;
          height: 2rem;
          -webkit-transition: left 0.15s ease-out;
          -moz-transition: left 0.15s ease-out;
          transition: left 0.15s ease-out;
          -webkit-transform: translate3d(0, 0, 0);
          -moz-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
        #account form .switch-wrapper .switch label span.off, #account-header form .switch-wrapper .switch label span.off {
          position: absolute;
          margin-left: -43px;
          color: #fff;
          margin-top: 12px;
          display: block; }
        #account form .switch-wrapper .switch label span.on, #account-header form .switch-wrapper .switch label span.on {
          position: absolute;
          margin-left: -83px;
          color: #fff;
          margin-top: 12px;
          display: block; }
      #account form .switch-wrapper .switch input, #account-header form .switch-wrapper .switch input {
        opacity: 0;
        position: absolute;
        top: 9px;
        left: 10px;
        padding: 0; }
        #account form .switch-wrapper .switch input + label, #account-header form .switch-wrapper .switch input + label {
          margin-left: 0;
          margin-right: 10px;
          margin-bottom: -10px; }
        #account form .switch-wrapper .switch input:checked + label, #account-header form .switch-wrapper .switch input:checked + label {
          background: #91B389; }
        #account form .switch-wrapper .switch input:checked + label:after, #account-header form .switch-wrapper .switch input:checked + label:after {
          left: 3.25rem; }
        #account form .switch-wrapper .switch input:disabled + label, #account-header form .switch-wrapper .switch input:disabled + label {
          opacity: .5;
          cursor: not-allowed; }
  @media all and (max-width: 767px) {
    #account .sidebar, #account-header .sidebar {
      width: 100%;
      display: block; }
      #account .sidebar .sticky, #account-header .sidebar .sticky {
        text-align: left; }
    #account #content, #account-header #content {
      width: 100%; }
    #account form .form, #account form .password, #account-header form .form, #account-header form .password {
      max-width: 100%; }
    #account form .birth_dates li, #account-header form .birth_dates li {
      width: 27%; } }

#loading_display {
  display: block;
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 10000;
  margin-left: 0;
  margin-right: 0;
  top: 0; }
  #loading_display .message-container {
    top: 50%;
    position: relative; }

.churchill-header {
  margin-top: 30px; }

.churchill-box {
  border: 1px solid #ca9b3c;
  margin-top: 100px;
  padding-top: 15px;
  margin-bottom: 80px;
  padding-bottom: 40px; }
  .churchill-box .bodytext_cigar {
    font-size: 15px;
    margin-top: 30px;
    max-width: 90%;
    color: #000 !important;
    margin: 0 auto; }
  .churchill-box img {
    max-width: 100%;
}

.items-grid-no-border.items-churchill a.item,
.items-grid-no-border.items-churchill .item {
  height: auto; }

.items-grid-no-border.items-churchill a.item h2,
.items-grid-no-border.items-churchill .item h2,
.churchill-box h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  margin: 20px 0 15px;
  text-transform: uppercase;
  color: #000; }

.items-grid-no-border.items-churchill a.item .bodytext_cigar,
.items-grid-no-border.items-churchill .item .bodytext_cigar {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
  font-size: 15px; }

.churchill__headerImage {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  width: 300px;
visibility:hidden; }

.churchill__headLine {
  letter-spacing: 2px;
  font-weight: 300;
  font-size: 37px;
  line-height: 45px;
  margin: 30px 0 25px;
  text-transform: uppercase;
  text-align: center;
visibility:hidden;}

.items-churchill .churchill__headLine {
  font-size: 30px;
  line-height: 40px; }

.chDetailheader .churchill__headLine {
  margin-top: 0; }

.chDetailheader .churchill__headerImage {
  width: 700px; }

.churchill__lead {
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  line-height: 28px; }

.churchill__lead p {
  margin-bottom: 15px; }

.hidden {
  display: none; }

.btn {
  display: inline-block;
  padding: 12px 20px;
  min-width: 150px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px; }



.btn-gold {
  border: 1px solid #ca9b3c;
  color: #ca9b3c;
  transition: all 0.2s ease; }

.btn-gold:hover {
  background: #ca9b3c;
  color: #fff; }

.btn-gold.btn-full {
  border: 1px solid #ca9b3c;
  background: #ca9b3c;
  color: #fff; }

.teaser-section {
  margin: 35px 0; }

.teaser-section:after {
  content: '';
  clear: both;
  display: block; }

.teaser50,
.teaser100 {
  width: 100%;
  height: 490px;
  background-size: cover;
  background-position: center center;
  float: none;
  text-align: center; }

.teaser50:before,
.teaser100:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.teaser50 .teaser__content,
.teaser100 .teaser__content {
  max-width: 490px;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

.textBright .teaser__content {
  color: #fff; }

.teaser__header {
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 15px; }

.teaser__content p {
  font-size: 15px;
  line-height: 24px; }

.chInfo {
  border-top: 1px solid #e0e0e0;
  padding-top: 30px; }

.chInfo:after {
  content: '';
  clear: both;
  display: block; }

.chInfo #info .mobile-title {
  margin-top: 20px; }

.chInfo #info .table-wrapper ul li div.value:before {
  display: none; }

.chBody {
  font-weight: 300;
  font-size: 18px;
  line-height: 28px; }

.chVideo {
  display: none;
  overflow: hidden;
  width: 100%;
  height: 560px; }

.chVideo .video-wrapper {
  position: relative;
  padding-bottom: 44%;
  width: 100%; }

.chVideo .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.chInfo .cta-bar {
  display: none;
  position: relative;
  width: 100%;
  color: #c59949;
  margin-top: 20px;
  font-size: 12px; }

.chInfo .cta-bar ul {
  width: 100%;
  vertical-align: middle; }

.chInfo .cta-bar ul li {
  float: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  list-style: none;
  padding-right: 10px; }

.chInfo .cta-bar ul li i {
  font-size: 1.625em;
  font-weight: light;
  line-height: 36px; }

.chInfo .cta-bar ul li.label {
  font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif; }

.chInfo .cta-bar ul li.right {
  border-left: 1px solid #e0e0e0;
  float: left;
  padding: 0 10px;
  font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif;
  vertical-align: middle; }

.chInfo .cta-bar ul li.right .star-icon {
  position: relative;
  top: -3px;
  vertical-align: middle;
  margin-right: 10px;
  background: url("images/site/star_gold.png") no-repeat;
  background-size: 20px 20px; }

.chInfo .cta-bar ul a {
  color: #c59949; }

.chInfo .cta-bar ul .icons {
  height: 36px;
  margin-left: 10px; }

.chInfo .cta-bar ul .icons-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.chInfo .cta-bar ul a.button .icon {
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  width: 21px;
  height: 18px;
  background: url("/images/site/social-icon-sprite.png") no-repeat;
  background-size: 21px 72px;
  display: inline-block; }

.chInfo .cta-bar ul a.button.facebook .icon {
  background-position: 0 -36px; }

.chInfo .cta-bar ul a.button.twitter .icon {
  background-position: 0 -18px; }

.chInfo .cta-bar ul a.button.pin .icon {
  background-position: 0 0; }

.chInfo .cta-bar ul a.button.email {
  padding-left: 5px; }

.chInfo .cta-bar ul a.button.email .icon {
  background-position: 0 -54px; }

.chInfo .cta-bar ul a.button.hover .icon {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=50);
  zoom: 1; }

@media only screen and (min-width: 768px) {
  .chBody {
    float: left;
    width: 69%;
    margin-right: 3%;
    padding-right: 3%;
    font-weight: 300;
    border-right: 1px dotted #e0e0e0; }

  .chInfo .cta-bar {
    display: block; }

  .churchill-box {
    padding-top: 0; }
    .churchill-box .bodytext_cigar {
      max-width: 75%;
      color: #000 !important;
      margin: 0 auto;
      font-size: 18px; } }
@media only screen and (min-width: 1024px) {
  .items-grid-no-border.items-churchill.items-33 a.item,
  .items-grid-no-border.items-churchill.items-33 .item {
    height: 360px;
    clear: none;
    width: 32%; } }
@media only screen and (min-width: 1150px) {
  .teaser50 {
    width: 50%;
    float: left; }

  .teaser100 {
    width: 100%;
    float: none; }

  .items-grid-no-border.items-churchill a.item,
  .items-grid-no-border.items-churchill .item {
    height: 455px; }

  .chBody {
    float: left;
    width: 69%;
    margin-right: 3%;
    padding-right: 3%;
    font-weight: 300;
    border-right: 1px dotted #e0e0e0; }

  .chInfo .cta-bar {
    display: block; }

  .chVideo {
    display: block; } }
#age-gate-wrapper #form-wrapper {
  float: none !important; }
#age-gate-wrapper #legal-footer {
  margin-top: 60px; }

#age-gate-form .agegate__input {
  text-align: center;
  outline: none;
  border: 1px solid #000;
  padding: 0 12px;
  margin: 0;
  color: #8d7040;
  font: 400 18px "Gotham A", "Gotham B", sans-serif;
  height: 47px;
  line-height: 47px;
  width: 100px; }
#age-gate-form .agegate__submit {
  text-transform: uppercase;
  text-align: center;
  background: #c59949;
  color: #fff;
  padding: 13px;
  border: 1px solid #c59949;
  outline: none;
  font: 400 16px "Gotham A", "Gotham B", sans-serif;
  position: relative;
  top: 1px; }

.agegate__error {
  opacity: 0;
  border: 1px solid #DD4B4B;
  color: #DD4B4B;
  padding: 15px; }
  .agegate__error.st-visible {
    opacity: 1; }

.christmas .hero,
.xmasOverlay .hero {
  position: relative;
  padding-bottom: 55.75%;
  height: 0;
  background-repeat: no-repeat;
  background-size: contain; }
  .christmas .hero .logo,
  .xmasOverlay .hero .logo {
    bottom: 0;
    right: 50%;
    margin-right: -125px;
    position: absolute; }
  .christmas .hero .hero__image,
  .xmasOverlay .hero .hero__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    max-width: 100%; }
.christmas .page-panel__textbox,
.xmasOverlay .page-panel__textbox {
  text-align: center;
  font-size: 1.125rem;
  width: 66.66%;
  margin: 0 auto; }
  .christmas .page-panel__textbox p,
  .xmasOverlay .page-panel__textbox p {
    font-weight: 300;
    line-height: 1.5; }
.christmas .panel-1,
.xmasOverlay .panel-1 {
  margin-bottom: 65px;
  position: relative;
  z-index: 10; }
.christmas .christmas__title,
.xmasOverlay .christmas__title {
  font-size: 2.5rem;
  color: #000;
  margin-bottom: 40px;
  margin-top: 50px;
  text-transform: uppercase;
  font-weight: 300; }
.christmas .cta-bar,
.xmasOverlay .cta-bar {
  color: #c59949; }
  .christmas .cta-bar ul,
  .xmasOverlay .cta-bar ul {
    vertical-align: middle;
    width: 180px;
    margin: 24px auto; }
    .christmas .cta-bar ul li,
    .xmasOverlay .cta-bar ul li {
      float: left;
      text-transform: uppercase;
      letter-spacing: 2px;
      list-style: none; }
      .christmas .cta-bar ul li i,
      .xmasOverlay .cta-bar ul li i {
        font-size: 1em;
        font-weight: light;
        line-height: 36px; }
      .christmas .cta-bar ul li.label,
      .xmasOverlay .cta-bar ul li.label {
        font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif; }
    .christmas .cta-bar ul li.right,
    .xmasOverlay .cta-bar ul li.right {
      float: right;
      background-color: #b2883e;
      padding: 0 20px;
      font: 400 0.75em/36px "Gotham A", "Gotham B", sans-serif;
      vertical-align: middle; }
      .christmas .cta-bar ul li.right .star-icon,
      .xmasOverlay .cta-bar ul li.right .star-icon {
        vertical-align: middle;
        margin-right: 20px; }
    .christmas .cta-bar ul a,
    .xmasOverlay .cta-bar ul a {
      color: #c59949; }
    .christmas .cta-bar ul .icons,
    .xmasOverlay .cta-bar ul .icons {
      height: 36px;
      margin-left: 10px; }
    .christmas .cta-bar ul .icons-wrapper,
    .xmasOverlay .cta-bar ul .icons-wrapper {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .christmas .cta-bar ul a.button .icon,
    .xmasOverlay .cta-bar ul a.button .icon {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms;
      width: 21px;
      height: 18px;
      background: url("/images/site/social-icon-sprite-gold.png") no-repeat;
      background-size: 21px 72px;
      display: inline-block; }
    .christmas .cta-bar ul a.button.facebook .icon,
    .xmasOverlay .cta-bar ul a.button.facebook .icon {
      background-position: 0 -36px; }
    .christmas .cta-bar ul a.button.twitter .icon,
    .xmasOverlay .cta-bar ul a.button.twitter .icon {
      background-position: 0 -18px; }
    .christmas .cta-bar ul a.button.pin .icon,
    .xmasOverlay .cta-bar ul a.button.pin .icon {
      background-position: 0 0; }
    .christmas .cta-bar ul a.button.email,
    .xmasOverlay .cta-bar ul a.button.email {
      padding-left: 5px; }
      .christmas .cta-bar ul a.button.email .icon,
      .xmasOverlay .cta-bar ul a.button.email .icon {
        background-position: 0 -54px; }
    .christmas .cta-bar ul a.button.hover .icon,
    .xmasOverlay .cta-bar ul a.button.hover .icon {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1; }
.christmas .panel-3,
.xmasOverlay .panel-3 {
  min-height: 550px;
  position: relative;
  overflow: hidden; }
  .christmas .panel-3 .page-panel__textbox,
  .xmasOverlay .panel-3 .page-panel__textbox {
    width: 45%;
    margin: 130px 0 0 40px;
    text-align: left;
    position: relative;
    z-index: 10; }
  .christmas .panel-3 .bodypanel__title,
  .xmasOverlay .panel-3 .bodypanel__title {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700; }
  .christmas .panel-3 .bodypanel__text,
  .xmasOverlay .panel-3 .bodypanel__text {
    text-align: left;
    width: 100%;
    padding: 0;
    font-weight: 300; }
  .christmas .panel-3 .product,
  .xmasOverlay .panel-3 .product {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
.christmas .btn-gold,
.xmasOverlay .btn-gold {
  display: inline-block;
  height: 45px;
  width: 240px;
  text-align: center;
  margin-top: 25px;
  cursor: pointer;
  background-color: #c59949;
  color: #FFFFFF;
  font: 400 12px/45px "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 1px;
  border: 0;
  padding: 0;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0; }
.christmas .bodytext_cigar,
.xmasOverlay .bodytext_cigar {
  margin-bottom: 20px; }
.christmas .items-grid-no-border,
.xmasOverlay .items-grid-no-border {
  margin-top: 125px;
  margin-bottom: 120px; }
.christmas .items-grid-no-border.items-churchill a.item .bodytext_cigar, .christmas .items-grid-no-border.items-churchill .item .bodytext_cigar,
.xmasOverlay .items-grid-no-border.items-churchill a.item .bodytext_cigar,
.xmasOverlay .items-grid-no-border.items-churchill .item .bodytext_cigar {
  max-width: 70%;
  margin: 0 auto 20px; }
.christmas .items-grid-no-border.items-churchill a.item h2, .christmas .items-grid-no-border.items-churchill .item h2,
.xmasOverlay .items-grid-no-border.items-churchill a.item h2,
.xmasOverlay .items-grid-no-border.items-churchill .item h2 {
  line-height: 1.2; }

@media (max-width: 1023px) {
  .christmas .panel-1 .page-panel__textbox {
    width: 100%; }
  .christmas .panel-3 .product {
    top: 50%;
    transform: translate(0, -50%); } }
@media (max-width: 767px) {
  .christmas .panel-3 .page-panel__textbox {
    width: 100%;
    margin: 0; }
  .christmas .panel-3 .product {
    position: relative;
    transform: none; } }
@media (min-width: 1024px) {
  .christmas .panel-1 {
    margin-top: -100px; } }
@media (min-width: 1400px) {
  .christmas .hero {
    padding-bottom: 40.75%; } }
.xmasOverlay {
  padding: 30px;
  text-align: center;
  background: url("/images/site/00-davidoff-xmas-kachel.jpg") repeat-x center bottom #fff;
  background-size: 1138px 385px; }
  .xmasOverlay .overlay__close {
    position: static;
    width: auto;
    height: auto;
    text-transform: uppercase;
    font-weight: bold;
    color: #c59949 !important;
    font-size: 14px;
    letter-spacing: 2px; }
  .xmasOverlay .overlay__header {
    font-size: 28px;
    margin-top: 35px;
    margin-bottom: 30px;
    letter-spacing: 2px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.2; }
  .xmasOverlay .overlay__image {
    display: block;
    margin: 30px auto 0;
    max-width: 100%; }
  .xmasOverlay .logo {
    display: block;
    margin: 60px auto 0;
    width: 200px;
    cursor: pointer; }

@media (max-width: 767px) {
  .xmasOverlay {
    background-size: 591px 200px; }
    .xmasOverlay .overlay__header {
      font-size: 24px; }
    .xmasOverlay .logo {
      width: 180px; } }
@media (max-width: 480px) {
  .xmasOverlay .overlay__header {
    margin: 25px auto 20px; }
  .xmasOverlay .logo {
    width: 120px; }
  .xmasOverlay .overlay__image {
    display: none; }
  .xmasOverlay .btn-gold {
    margin-top: 0; }

  .christmas .hero {
    overflow: hidden; }
    .christmas .hero img {
      max-width: 120% !important; }
  .christmas .christmas__title {
    margin-top: 10px;
    font-size: 1.8rem; }
  .christmas .page-panel {
    width: 100%; }
  .christmas .christmas .items-grid-no-border.items-churchill a.item .bodytext_cigar, .christmas .christmas .items-grid-no-border.items-churchill .item .bodytext_cigar {
    max-width: 100%; } }
/** box pressed feature */
#hero.hero-nic #hero-cta {
  background: #000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.hero-nic .nic__content {
  width: 100%; }

.hero-nic .nic__title {
  color: #8a8772;
  font: 700 19px/24px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .hero-nic .nic__title {
      font: 700 12px/17px "Gotham A", "Gotham B", sans-serif;
      margin-top: 10px; } }
  @media screen and (max-width: 479px) {
    .hero-nic .nic__title {
      font: 700 10px/15px "Gotham A", "Gotham B", sans-serif;
      margin-top: 5px; } }

.hero-nic .nic__subtitle {
  color: #fff;
  font: 600 35px/36px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  margin-top: 40px;
  letter-spacing: 3px; }
  @media screen and (max-width: 767px) {
    .hero-nic .nic__subtitle {
      font: 600 26px/27px "Gotham A", "Gotham B", sans-serif;
      margin-top: 20px; } }
  @media screen and (max-width: 479px) {
    .hero-nic .nic__subtitle {
      font: 600 18px/19px "Gotham A", "Gotham B", sans-serif;
      margin-top: 10px; } }

.hero-nic .nic__subtitle span {
  display: block;
  font-size: 19px;
  margin-top: 20px; }
  @media screen and (max-width: 767px) {
    .hero-nic .nic__subtitle span {
      font-size: 16px;
      margin-top: 10px; } }
  @media screen and (max-width: 479px) {
    .hero-nic .nic__subtitle span {
      font-size: 14px;
      margin-top: 5px; } }

.hero-nic .btn-brown {
  color: #fff;
  display: inline-block;
  width: 320px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  background: #ad6420;
  padding: 20px;
  height: auto;
  font-size: 19px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.hero-nic .btn-brown:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.nic__video {
  width: 1150px;
  max-width: 100%;
  margin: 0 auto;
  display: block; }

.nic__content--left {
  width: 50%;
  display: block;
  height: 100%;
  padding-top: 16%;
  float: left; }

.nic__content a.brown {
  text-transform: uppercase;
  color: #ad6420;
  font-size: 16px;
  font-weight: bold; }

.nic__content--right {
  width: 50%;
  display: block;
  height: 100%;
  float: right;
  padding-top: 9%; }

.hero-nic--after .nic__content {
  height: 100%; }

#hero.hero-nic.hero-nic--after #hero-cta {
  background: url("/images/box_pressed.jpg") no-repeat bottom right #000;
  background-size: contain; }

.hero-nic--after .btn {
  margin-bottom: 25px; }

@media (max-width: 768px) {
  .nic__content--right {
    display: block;
    width: 100%;
    background-image: none;
    float: none;
    height: auto;
    padding-top: 10%; }

  .nic__content--left {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    padding-top: 0; }

  #hero.hero-nic.hero-nic--after #hero-cta {
    background-image: none; } }
@media (max-width: 480px) {
  .nic__content--right {
    padding-top: 1%; }

  .nic__content--left {
    display: block;
    width: 100%;
    float: none;
    height: auto;
    padding-top: 0;
    margin-top: 5%; }

  .nic__content--left .btn {
    margin-bottom: 15px; }

  .nic__content a.brown {
    font-size: 14px; } }
.greybox {
  background-color: #f7f7f6;
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 20px; }

.greybox__left {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px; }
  .greybox__left .btn-gold {
    width: 100%;
    font-size: 14px;
    font-weight: 500; }

.greybox__title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 15px; }

.greybox__bodytext {
  font-size: 14px;
  line-height: 1.4em; }

.btn-gold.btn-inverted {
  background: #c59949;
  color: #fff; }
  .btn-gold.btn-inverted, .btn-gold.btn-inverted:link, .btn-gold.btn-inverted:hover, .btn-gold.btn-inverted:visited, .btn-gold.btn-inverted:focus {
    color: #fff; }

@media (min-width: 768px) {
  .greybox__left {
    max-width: 50%;
    padding: 70px;
    background-color: transparent; }
    .greybox__left .btn-gold {
      width: 80%; }
  .greybox__left iframe {width: 80% !important;}

    }
#adventure .image-container.homeTeaser img {
  margin-top: 0; }

.homeTeaser {
  position: relative; }

.homeTeaser__linktext {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 2px;
  padding: 10px;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin-bottom: 5px; }
  .homeTeaser__linktext, .homeTeaser__linktext:link, .homeTeaser__linktext:hover, .homeTeaser__linktext:visited, .homeTeaser__linktext:focus {
    color: #fff; }
  .homeTeaser__linktext iframe {
    position: absolute;
    bottom: -15px;
    display: block;
    opacity: 1; }

.heroTeaser {
  position: relative;
  display: block;
  max-width: 1150px;
  margin: 0 auto 20px; }
  .heroTeaser img {
    max-width: 100%; }
  .heroTeaser .homeTeaser__linktext {
    text-align: center;
    margin-bottom: 50px; }
    .heroTeaser .homeTeaser__linktext iframe {
      display: block;
      opacity: 1; }

@media (min-width: 768px) {
  .heroTeaser {
    padding: 0 25px; } }
/* Line Page */
.wrapper--dark {
  background: #000;
  color: #fff; }

.wrapper--gold {
  background: #c59949;
  color: #fff; }

.lineWrapper {
  max-width: 1150px;
  margin: 0 auto;
  padding: 60px 0;
  clear: both;
  overflow: hidden; }

.lineWrapper__title {
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 20px;
  max-width: 80%;
  margin: 0 auto 25px;
  text-align: center;
  letter-spacing: 2px; }

.lineWrapper__lead {
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 1.5; }

.lineGrid {
  margin-top: 50px; }
  .lineGrid .item {
    height: auto; }
  .lineGrid + .lineGrid {
    margin-top: 0; }

.lineItem {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 65.1376%;
  overflow: hidden; }
  .lineItem.lineItem--small {
    padding-bottom: 100%; }
  .lineItem.lineItem--wide {
    padding-bottom: 50%; }
  .lineItem.lineItem--finder {
    padding-bottom: 80%; }
  .lineItem .lineItem__shadow {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    content: '';
    display: block;
    z-index: 2;
    box-shadow: 0px 0 80px 55px #c59949;
    opacity: 1;
    transition: all 0.2s ease; }
  .lineItem img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%; }
  .lineItem.lineItem--imgCenter img {
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .lineItem .lineItem__content {
    color: #fff;
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    padding: 20px;
    transform: translate(0, 100%);
    margin-bottom: 50px;
    transition: all 0.2s ease; }
  .lineItem .lineItem__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .lineItem .lineItem__lead {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5; }
  .lineItem .lineItem__linktext {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff; }
    .lineItem .lineItem__linktext, .lineItem .lineItem__linktext:link, .lineItem .lineItem__linktext:hover, .lineItem .lineItem__linktext:visited, .lineItem .lineItem__linktext:focus {
      color: #fff; }
  .lineItem .lineItem__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 3;
    background: #c59949;
    transition: all 0.2s ease; }
  .lineItem:hover .lineItem__content {
    transform: translate(0, 0);
    margin-bottom: 0; }
  .lineItem:hover .lineItem__shadow {
    opacity: 0; }
  .lineItem:hover .lineItem__overlay {
    opacity: 0.5; }

@media (min-width: 768px) {
  .lineItem.lineItem--wide {
    padding-bottom: 31.98%; } }
.ibgrid {
  clear: both;
  overflow: hidden; }
  .ibgrid .item {
    display: block;
    margin: 0 10px 20px; }

.ibgrid--full .item {
  display: block;
  width: 100%;
  float: none; }

@media (min-width: 768px) {
  .ibgrid .item {
    float: left;
    width: calc(50% - 10px);
    margin: 0 10px 20px; }
    .ibgrid .item:first-child {
      margin-right: 10px;
      margin-left: 0; }
    .ibgrid .item:last-child {
      margin-left: 10px;
      margin-right: 0; }
      .ibgrid .item-only-child{
      margin-left: 0px !important;
      }

  .ibgrid--33 .item {
    width: calc(33% - 10px); }

  .ibgrid--full .item {
    display: block;
    width: 100%;
    float: none; }

  .lineItem .lineItem__lead {
    max-width: 100%; } }
.cigarfinder {
  background: url("/images/site/cigarfinder_background.jpg");
  background-size: cover;
  padding: 60px 0; }
  .cigarfinder .btn-gold,
  .cigarfinder iframe {
    width: 100%;
    font-size: 13px;
    font-weight: 500; }
  .cigarfinder .btn-gold {
    height: 45px;
    line-height: 20px; }
  .cigarfinder iframe {
    margin-top: 4px;
    height: 45px; }

.cigarfinder__container {
  margin: 0 auto;
  max-width: 1120px;
  padding: 0 15px; }

.cigarfinder__left {
  margin-top: 70px;
  vertical-align: top;
  margin-bottom: 50px; }
  .cigarfinder__left .btn-black {
    font-size: 14px;
    font-weight: 500;
    min-width: 300px; }

.cigarfinder__right {
  min-height: 300px;
  vertical-align: top;
  z-index: 1; }
  .cigarfinder__right .result {
    background: #fff;
    padding: 25px; }
    .cigarfinder__right .result:empty {
      display: none; }

@media (min-width: 768px) {
  .cigarfinder__left {
    display: inline-block;
    width: calc(50% - 115px);
    margin-right: 110px; }

  .cigarfinder__right {
    display: inline-block;
    width: 50%; }

  .cigarfinder .btn-gold,
  .cigarfinder iframe {
    display: inline-block;
    width: calc(50% - 14px); }
  .cigarfinder iframe {
    margin-left: 10px; } }
.cigarfinder__title {
  font-family: "Gotham A", "Gotham B", Helvetica;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 15px; }

.cigarfinder__lead {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2; }

.result_image {
  margin-bottom: 20px; }
  .result_image img {
    max-width: 100%;
    display: block;
    margin: 0 auto; }

.result__line {
  color: #c59949;
  font: 400 italic 1.125em/20px "Mercury Display A", "Mercury Display B", serif; }

.result__title {
  font: 200 1.625em/26px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px; }

.result__description {
  font: 400 0.75em/20px "Gotham A", "Gotham B", sans-serif;
  margin-bottom: 15px; }

.result__link {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px; }
  .result__link, .result__link:link, .result__link:hover, .result__link:visited, .result__link:focus {
    color: #000;
    text-decoration: none; }

.selectWrapper {
  position: relative;
  background: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 300;
  margin-top: 30px;
  z-index: 1;
  min-height: 0; }
  .selectWrapper .selectWrapper__handle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 40px; }
    .selectWrapper .selectWrapper__handle:before {
      content: url(/images/site/iconmonstr-triangle-1.svg);
      display: inline-block;
      vertical-align: middle;
      transform: rotate(180deg) scale(0.5);
      -webkit-transform: rotate(180deg) scale(0.5);
      margin-top: -10px; }
  .selectWrapper select {
    color: #000;
    font-size: 16px;
    font-family: "Gotham A", "Gotham B", sans-serif;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 5px;
    width: 100%;
    height: 50px;
    cursor: pointer;
    z-index: 1;
    margin: 0;
    padding: 0;
    padding-right: 45px; }
    .selectWrapper select:focus {
      outline: none; }
    .selectWrapper select::-ms-expand {
      display: none; }
    .selectWrapper select.hasInput, .selectWrapper select.hasNoPlaceholder {
      color: #000; }
    .selectWrapper select.formError {
      color: #DD4B4B; }
  .selectWrapper.selectWrapper--sm {
    height: 40px;
    line-height: 40px; }
    .selectWrapper.selectWrapper--sm .selectWrapper__handle:before {
      font-size: 1rem;
      position: relative;
      top: -2px; }

.btn-black {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  font-family: "Gotham A", "Gotham B", sans-serif; }
  .btn-black, .btn-black:link, .btn-black:hover, .btn-black:visited, .btn-black:focus {
    outline: 0; }

::selection {
  color: #000000;
  background: #c59949; }

::-moz-selection {
  color: #000000;
  background: #c59949; }

html, html a {
  -webkit-text-size-adjust: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: 100%; }

h3.error {
  color: red; }

body {
  width: 100%;
  height: 100%; }
  body.open {
    overflow: hidden; }
    body.open #nav {
      left: 0 !important; }
    body.open .page-wrapper {
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=50);
      zoom: 1; }
    body.open #header a.logo {
      display: none; }

input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type="password"] {
  text-transform: none !important; }

input[type='radio'], input[type='checkbox'] {
  border: none !important; }

.vignette {
  box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 35px rgba(0, 0, 0, 0.5); }

/* ------ Page Cover ------ */
#page-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: 1000;
  background-color: #FFFFFF;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
  filter: alpha(opacity=70);
  zoom: 1; }

/* ----- Adventure ----- */
.page-wrapper {
  margin: 75px auto 0 auto; }
  @media only screen and (max-width: 479px) {
    .page-wrapper {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .page-wrapper {
      transition: 0.2s ease 0ms;
      -moz-transition: 0.2s ease 0ms;
      -webkit-transition: 0.2s ease 0ms;
      -o-transition: 0.2s ease 0ms; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .page-wrapper {
      margin-top: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .page-wrapper {
      margin-top: 0; } }
  @media only screen and (min-width: 1150px) {
    .page-wrapper {
      margin-top: 0; } }

#hero {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  margin: 20px auto 20px auto; }
  #hero:before, #hero:after {
    content: " ";
    display: table; }
  #hero:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #hero {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #hero {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #hero {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #hero {
      width: 1150px; } }
  #hero #hero-cta {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: relative;
    float: none;
    height: 330px;
    text-align: center;
    position: relative;
    overflow: hidden; }
    #hero #hero-cta:last-child {
      margin-right: 0; }
    #hero #hero-cta .video-placeholder {
      background: url("/images/site/hero_big.jpg") no-repeat top center;
      background-size: cover;
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 999; }
    #hero #hero-cta .video-wrapper {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000;
      z-index: 888; }
      #hero #hero-cta .video-wrapper video {
        -webkit-transform-style: preserve-3d;
        width: 100%;
        height: 100%; }
      #hero #hero-cta .video-wrapper.visible {
        display: block; }
    #hero #hero-cta .close-video {
      display: block;
      position: absolute;
      top: 10px;
      right: 0;
      height: auto;
      cursor: pointer;
      z-index: 500; }
      #hero #hero-cta .close-video i {
        font: 400 2.5em/40px "Gotham A", "Gotham B", sans-serif;
        color: #FFFFFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
    #hero #hero-cta .title {
      margin-top: 45px; }
      #hero #hero-cta .title h2.article-header {
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=80);
        zoom: 1;
        font: 200 1.875em/30px "Gotham A", "Gotham B", sans-serif; }
        #hero #hero-cta .title h2.article-header:after {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=100);
          zoom: 1;
          margin-top: 16px;
          margin-bottom: 16px; }
    #hero #hero-cta .content p {
      font: 200 1.25em/24px "Gotham A", "Gotham B", sans-serif;
      padding: 0 20px;
      text-align: center;
      padding-bottom: 10px;
      color: #FFFFFF; }
    #hero #hero-cta .play-video-button {
      display: block;
      height: 51px;
      width: 51px;
      background: transparent url(/images/site/play-icon.png) no-repeat top left;
      background-size: 102px 51px;
      background-position: 0px 0px;
      margin: 0 auto;
      margin-top: 10px; }
      #hero #hero-cta .play-video-button:hover {
        background-position: -51px 0px; }
    #hero #hero-cta .full-width-full-height {
      display: block;
      width: 100%;
      height: 100%;
      font-size: 0;
      line-height: 0; }
    @media only screen and (max-width: 479px) {
      #hero #hero-cta .video-placeholder.Image {
        background-size: 120% auto; }
      #hero #hero-cta.Image {
        height: 140px; }
      #hero #hero-cta.Image-nic {
        height: 255px !important; }
      #hero #hero-cta.Image-nic div.nic__content img {
        width: 60px;
        margin-top: 14px; } }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #hero #hero-cta .title {
        margin-top: 45px;
        padding: 0 100px; }
      #hero #hero-cta .content p {
        padding: 0 100px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #hero #hero-cta {
        height: 400px; }
        #hero #hero-cta .title {
          margin-top: 120px; }
          #hero #hero-cta .title h2.article-header {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=100);
            zoom: 1;
            font-size: 2.25em; }
            #hero #hero-cta .title h2.article-header:after {
              margin-top: 20px;
              margin-bottom: 14px; }
        #hero #hero-cta .content p {
          font-size: 1em; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #hero #hero-cta {
        height: 450px; }
        #hero #hero-cta .title {
          margin-top: 150px; }
          #hero #hero-cta .title h2.article-header {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=100);
            zoom: 1;
            font-size: 2.5em; }
            #hero #hero-cta .title h2.article-header:after {
              margin-top: 20px;
              margin-bottom: 14px; }
        #hero #hero-cta .content p {
          font-size: 1.25em; } }
    @media only screen and (min-width: 1150px) {
      #hero #hero-cta {
        height: 480px; }
        #hero #hero-cta .title {
          margin-top: 180px; }
          #hero #hero-cta .title h2.article-header {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
            filter: alpha(opacity=100);
            zoom: 1;
            font-size: 2.5em; }
            #hero #hero-cta .title h2.article-header:after {
              margin-top: 20px;
              margin-bottom: 14px; }
        #hero #hero-cta .content p {
          font-size: 1.25em; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #hero {
      padding: 0 25px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #hero {
      padding: 0 25px; } }
  @media only screen and (min-width: 1150px) {
    #hero {
      padding: 0 25px; } }

#adventure {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #adventure:before, #adventure:after {
    content: " ";
    display: table; }
  #adventure:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #adventure {
      /* Change homepage (I) - Tile size 480px -> 398px - 20.06.2017
      * Toavina Rakotomanga
      */
      width: 398px; } }
      /*End change*/
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #adventure {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #adventure {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #adventure {
      width: 1150px; } }

#adventure .image-container {
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  height: 123px;
  overflow: hidden;
  margin: 0 0 15px 0;
  background-size: cover;
  background-position: center center;
  position: relative;
  color: #FFFFFF; }
  #adventure .image-container:last-child {
    margin-right: 0; }
  #adventure .image-container img {
    display: block;
    width: 100%;
    margin-top: -100px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=50);
    zoom: 1; }
  #adventure .image-container .overlay {
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms;

background: -moz-linear-gradient(45deg, rgba(197,153,73,0.7) 0%, rgba(255,255,255,0) 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(197,153,73,0.7) 0%,rgba(255,255,255,0) 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(197,153,73,0.7) 0%,rgba(255,255,255,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c59949', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  /*  opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=50); */
    zoom: 1;
    position: absolute;
    bottom: 0;
  /*  background-color: #C59949; */
    height: 25%;
    width: 100%;
}
    #adventure .image-container .overlay.dim {
      opacity: 0.9;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=90);
height: 360px;
      zoom: 1; }
  #adventure .image-container .title {
    position: absolute;
    bottom: 20px;
    padding-left: 20px;
    z-index: 20;
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms; }
    #adventure .image-container .title h2 {
      font: 200 1.0625em/20px "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-align: left; }
    #adventure .image-container .title h3 {
      text-transform: uppercase;
      font: 700 0.5em/12px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }
      #adventure .image-container .title h3.nudge:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=100);
        zoom: 1; }
    #adventure .image-container .title h3:before {
      transition: 0.7s ease 0ms;
      -moz-transition: 0.7s ease 0ms;
      -webkit-transition: 0.7s ease 0ms;
      -o-transition: 0.7s ease 0ms;
      left: 15px;
      top: 25px;
      text-align: left;
      display: block;
      content: " ";
      width: 60px;
      border-top: #FFFFFF 3px solid;
      margin: 16px 0 16px 0; }
    #adventure .image-container .title a {
      display: block;
      margin-top: 10px;
      text-transform: uppercase;
      color: #FFFFFF;
      font: 700 0.625em/12px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: 2px; }
  #adventure .image-container .content {
    z-index: 20;
    /*@include opacity(0);*/
    transition: 0.7s ease 0ms;
    -moz-transition: 0.7s ease 0ms;
    -webkit-transition: 0.7s ease 0ms;
    -o-transition: 0.7s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    position: absolute;
    top: 200px; }
    #adventure .image-container .content h6, #adventure .image-container .content h5, #adventure .image-container .content h4, #adventure .image-container .content h3, #adventure .image-container .content h2, #adventure .image-container .content h1 {
      font: 200 0.875em/20px "Gotham A", "Gotham B", sans-serif !important;
      padding: 0 20px 0 20px; }
    #adventure .image-container .content p {
      font: 200 0.875em/20px "Gotham A", "Gotham B", sans-serif !important;
      text-align: left;
      padding: 0 20px 10px 20px; }
      #adventure .image-container .content p:first-of-type {
        /*padding-top:25px;*/ }
      #adventure .image-container .content p:last-of-type {
        padding-bottom: 0;
        margin-top: 0; }
    #adventure .image-container .content a,
    #adventure .image-container .content span.caps,
    #process span.caps {
      display: block;
      text-align: left;
      font: 600 0.625em "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      letter-spacing: 3px;
      margin: 20px 0 20px 0;
      padding: 0 20px; }
      #process span.caps {text-align: center;}
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #adventure .image-container {
      height: 150px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #adventure .image-container {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%;
      height: 230px;
      overflow: hidden; }
      #adventure .image-container:last-child {
        margin-right: 0; }
      #adventure .image-container img {
        margin: 0;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=50);
        zoom: 1; }
      #adventure .image-container .title h3:before {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #adventure .image-container {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%;
      height: 311px;
      overflow: hidden; }
      #adventure .image-container:last-child {
        margin-right: 0; }
      #adventure .image-container img {
        margin: 0;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=70);
        zoom: 1; }
      #adventure .image-container .title h3:before {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=0);
        zoom: 1; }
      #adventure .image-container .content {
        top: 300px; }
        #adventure .image-container .content.nudge {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=100);
          zoom: 1;
          top: 120px; } }
  @media only screen and (min-width: 1150px) {
    #adventure .image-container {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%;
      height: 351px;
      overflow: hidden; }
      #adventure .image-container:last-child {
        margin-right: 0; }
      #adventure .image-container img {
        margin: 0;
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=70);
        zoom: 1; }
      #adventure .image-container .title {
        padding-right: 20px; }
        #adventure .image-container .title h3:before {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=0);
          zoom: 1; }
      #adventure .image-container .content {
        top: 400px; }
        #adventure .image-container .content.nudge {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
          filter: alpha(opacity=100);
          zoom: 1;
          top: 120px; } }
#adventure .image-container:last-child {
  margin: 0 0 0 0; }

/* ----- HERITAGE ----- */
#heritage-cta, #accessories-cta {
  vertical-align: middle; }

#heritage {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #heritage:before, #heritage:after {
    content: " ";
    display: table; }
  #heritage:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritage {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #heritage {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #heritage {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #heritage {
      width: 1150px; } }

#heritage-cta {
  background: url("/images/site/heritage_mobile.jpg") no-repeat top left;
  background-size: 796px 500px;
  position: relative;
  display: inline-block;
  height: 500px;
  overflow: hidden;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  float: none;
  background-color: #c59949;
  vertical-align: baseline; }
  #heritage-cta:last-child {
    margin-right: 0; }
  #heritage-cta span.article-sub-header {
    position: absolute;
    bottom: 15px;
    width: 100%; }
  #heritage-cta:before {
    transition: 0.8s ease 0ms;
    -moz-transition: 0.8s ease 0ms;
    -webkit-transition: 0.8s ease 0ms;
    -o-transition: 0.8s ease 0ms;
    position: absolute;
    right: 15px;
    top: 20px;
    text-align: right;
    display: block;
    content: " ";
    width: 100px;
    border-top: 3px solid;
    border-color: #000000;
    margin: 0 0 24px 0;
    z-index: 50; }
  #heritage-cta.color:before {
    border-color: #FFFFFF; }
  #heritage-cta .info {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    width: 320px;
    height: 500px;
    position: absolute;
    top: 0;
    background-color: rgba(197, 153, 73, 0.75); }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
      #heritage-cta .info {
        width: 480px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #heritage-cta .info {
        width: 768px; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #heritage-cta .info {
        width: 1024px; } }
    @media only screen and (min-width: 1150px) {
      #heritage-cta .info {
        width: 1150px; } }
  #heritage-cta .article-sub-header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block; }
  #heritage-cta .title {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: absolute;
    top: 0;
    margin-top: 40px;
    z-index: 50; }
    #heritage-cta .title:last-child {
      margin-right: 0; }
    #heritage-cta .title h2 {
      transition: 0.8s ease 0ms;
      -moz-transition: 0.8s ease 0ms;
      -webkit-transition: 0.8s ease 0ms;
      -o-transition: 0.8s ease 0ms;
      text-align: right;
      padding: 0 12px;
      color: #000000; }
      #heritage-cta .title h2:after {
        display: none; }
      #heritage-cta .title h2.color {
        color: #FFFFFF; }
  #heritage-cta .content {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    /*display: none;*/
    /*visibility: hidden;*/
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    z-index: 10;
    position: absolute;
    top: 0;
    float: none;
    color: #FFFFFF;
    text-align: center;
    overflow: hidden;
    margin-top: 80px; }
    #heritage-cta .content:last-child {
      margin-right: 0; }
    #heritage-cta .content p {
      font: 200 0.875em/20px "Gotham A", "Gotham B", sans-serif;
      text-align: center;
      padding: 0 15px 10px 15px; }
      #heritage-cta .content p:first-of-type {
        /*padding-top:25px;*/ }
      #heritage-cta .content p:last-of-type {
        padding-bottom: 0;
        margin-top: 0; }
    #heritage-cta .content a {
      display: block;
      text-align: center;
      font: 600 0.625em "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      letter-spacing: 3px;
      margin: 20px 0 20px 0; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #heritage-cta .title h2.article-header {
      padding-left: 200px; }
    #heritage-cta .content p {
      text-align: right;
      padding-left: 120px;
      margin-top: 80px; }
    #heritage-cta .content a {
      padding-right: 15px;
      text-align: right;
      margin: 40px 0 0 0; }
    #heritage-cta.cta--left .content p {
      text-align: left;
      padding-right: 120px;
      padding-left: 15px;
      margin-top: 50px; }
    #heritage-cta.cta--left .content a {
      padding-left: 15px;
      text-align: left;
      margin: 40px 0 0 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #heritage-cta {
      background: url("/images/site/heritage_bg.jpg") no-repeat top left;
      background-size: cover;
      width: 100%;
      float: left; }
      #heritage-cta .title h2.article-header {
        padding-left: 50px; }
      #heritage-cta .content p {
        text-align: right;
        padding-left: 170px;
        margin-top: 50px; }
      #heritage-cta .content a {
        padding-right: 15px;
        text-align: right;
        margin: 40px 0 0 0; }
      #heritage-cta.cta--left .content p {
        text-align: left;
        padding-right: 170px;
        padding-left: 15px;
        margin-top: 50px; }
      #heritage-cta.cta--left .content a {
        padding-left: 15px;
        text-align: left;
        margin: 40px 0 0 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #heritage-cta {
      background: url("/images/site/heritage_bg.jpg") no-repeat top left;
      background-size: cover;
      width: 100%;
      float: left; }
      #heritage-cta .title h2.article-header {
        padding-left: 50px; }
      #heritage-cta .content p {
        text-align: right;
        padding-left: 420px;
        margin-top: 50px; }
      #heritage-cta .content a {
        padding-right: 15px;
        text-align: right;
        margin: 40px 0 0 0; }
      #heritage-cta.cta--left .content p {
        text-align: left;
        padding-right: 420px;
        padding-left: 15px;
        margin-top: 50px; }
      #heritage-cta.cta--left .content a {
        padding-left: 15px;
        text-align: left;
        margin: 40px 0 0 0; } }
  @media only screen and (min-width: 1150px) {
    #heritage-cta {
      background: url("/images/site/heritage_bg.jpg") no-repeat top left;
      background-size: cover;
      width: 100%;
      float: left; }
      #heritage-cta .title h2.article-header {
        padding-left: 50px; }
      #heritage-cta .content p {
        text-align: right;
        padding-left: 550px;
        margin-top: 50px; }
      #heritage-cta .content a {
        padding-right: 15px;
        text-align: right;
        margin: 40px 0 0 0; }
      #heritage-cta.cta--left .content p {
        text-align: left;
        padding-right: 550px;
        padding-left: 15px;
        margin-top: 50px; }
      #heritage-cta.cta--left .content a {
        padding-left: 15px;
        text-align: left;
        margin: 40px 0 0 0; } }
  #heritage-cta.cta--left .title h2 {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px; }
  #heritage-cta.cta--left:before {
    right: auto;
    left: 15px; }

/* ----- INSTAGRAM ----- */
#instagram-feed {
  width: 100%;
  margin-top: 14px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  border: #c59949 1px solid;
  border-left: 0;
  border-right: 0; }
  #instagram-feed ul {
    margin: 25px 0 0 0; }
    #instagram-feed ul img {
      cursor: pointer;
      transition: 0.7s ease 0ms;
      -moz-transition: 0.7s ease 0ms;
      -webkit-transition: 0.7s ease 0ms;
      -o-transition: 0.7s ease 0ms;
      display: block;
      width: 100%;
      margin: 0;
      border: 0;
      opacity: 0.4;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=40);
      zoom: 1; }
      #instagram-feed ul img.dim {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
        filter: alpha(opacity=70);
        zoom: 1; }
    #instagram-feed ul li {
      width: 50%;
      float: left;
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0; }
      #instagram-feed ul li div {
        background-color: #c59949;
        margin: 0 10px 20px 0; }
    #instagram-feed ul li:nth-child(even) div {
      margin-right: 0;
      margin-left: 10px; }
  #instagram-feed #ig-icon {
    position: absolute;
    background-color: #FFFFFF;
    top: -8px;
    left: 0;
    right: 0;
    width: 32px;
    height: 16px;
    background: #FFFFFF url("/images/site/ig_icon.png") no-repeat top center;
    background-size: 16px 16px;
    margin: 0 auto; }
  #instagram-feed li.toggle {
    display: none; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #instagram-feed {
      margin-top: 20px; }
      #instagram-feed ul {
        margin: 20px 0 0 0; }
        #instagram-feed ul li {
          width: 100px;
          margin-right: 10px;
          padding-bottom: 20px; }
          #instagram-feed ul li div {
            margin: 0; }
        #instagram-feed ul li:nth-child(2) div, #instagram-feed ul li:nth-child(4) div {
          margin-right: 0;
          margin-left: 0; }
        #instagram-feed ul li:nth-child(4) {
          margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #instagram-feed {
      width: 209px;
      float: right; }
      #instagram-feed li.toggle {
        display: inline-block; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #instagram-feed {
      width: 209px;
      float: right; }
      #instagram-feed li.toggle {
        display: inline-block; } }
  @media only screen and (min-width: 1150px) {
    #instagram-feed {
      width: 209px;
      float: right; }
      #instagram-feed li.toggle {
        display: inline-block; } }

/* ----- PROCESS ----- */
#process {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #process:before, #process:after {
    content: " ";
    display: table; }
  #process:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #process {
      /* Change homepage (II) - Tile size 480px -> 398px - 20.06.2017
      * Toavina Rakotomanga
      */
      width: 398px; } }
      /*End change*/
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #process {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #process {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #process {
      width: 1150px; } }

#process-cta {
  background: #000000 url("/images/site/process_mobile.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  height: 380px;
  overflow: hidden;
  /*background-color: $gold;*/ }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #process-cta {
      background-size: cover; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #process-cta {
      background: url("/images/site/process_bg.jpg") no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #process-cta {
      background: url("/images/site/process_bg.jpg") no-repeat;
      background-size: cover; } }
  @media only screen and (min-width: 1150px) {
    #process-cta {
      background: url("/images/site/process_bg.jpg") no-repeat;
      background-size: cover; } }
  #process-cta .video-wrapper {
    overflow: hidden;
    text-align: center;
    display: none;
    /*background-color: #000;*/ }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #process-cta .video-wrapper {
        display: block; } }
    @media only screen and (min-width: 1024px) and (max-width: 1149px) {
      #process-cta .video-wrapper {
        display: block; } }
    @media only screen and (min-width: 1150px) {
      #process-cta .video-wrapper {
        display: block; } }
    #process-cta .video-wrapper video {
      display: block;
      position: relative;
      z-index: 0;
      width: 100%;
      /*@include opacity(0.6);*/ }
  #process-cta .content-container {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: transparent; }
  #process-cta .content {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
    z-index: 10;
    color: #FFFFFF;
    text-align: center; }
    #process-cta .content:last-child {
      margin-right: 0; }
  #process-cta .body-wrapper {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    padding-top: 100px; }
    #process-cta .body-wrapper p {
      font: 200 0.875em/20px "Gotham A", "Gotham B", sans-serif;
      text-align: center;
      padding: 0 15px 10px 15px; }
      #process-cta .body-wrapper p:first-of-type {
        margin-top: 20px; }
      #process-cta .body-wrapper p:last-of-type {
        padding-bottom: 0;
        margin-top: 0; }
    #process-cta .body-wrapper a {
      display: block;
      text-align: center;
      font: 600 0.625em "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      letter-spacing: 3px;
      margin: 20px 0 0 0;
      padding: 0 40px; }
  #process-cta .article-sub-header {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block; }
  #process-cta .title {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1; }
    #process-cta .title h2 {
      padding: 0 12px; }
  #process-cta.hover .content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #process-cta.hover .content-container {
    background-color: rgba(197, 153, 73, 0.5); }
  #process-cta.hover .body-wrapper {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1;
    padding-top: 0; }
  @media only screen and (max-width: 479px) {
    #process-cta.hover .content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-67%);
      -ms-transform: translateY(-67%);
      transform: translateY(-67%); }
    #process-cta.hover .title {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #process-cta h2 {
      padding: 0 30px; }
    #process-cta .content p {
      padding: 0 60px; }
    #process-cta .content a {
      padding: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #process-cta {
      height: 299px; }
      #process-cta .info {
        height: 299px; }
      #process-cta .content p {
        padding: 0 160px; }
      #process-cta .content a {
        padding: 0; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #process-cta {
      height: 406px; }
      #process-cta .info {
        height: 406px; }
      #process-cta .title {
        z-index: 10; }
      #process-cta .content p {
        padding: 0 280px; }
      #process-cta .content a {
        padding: 0; } }
  @media only screen and (min-width: 1150px) {
    #process-cta {
      height: 458px; }
      #process-cta .info {
        height: 458px; }
      #process-cta .title {
        z-index: 10; }
      #process-cta .content p {
        padding: 0 280px; } }

/* ----- PERFECT MATCH ----- */
.perfect-match-repeat {
  background: url("/images/site/perfect_match_bg_repeat.jpg") repeat; }

#perfect-match-cta {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px;
  position: relative;
  text-align: center;
  overflow: hidden;
  height: 400px; }
  #perfect-match-cta:before, #perfect-match-cta:after {
    content: " ";
    display: table; }
  #perfect-match-cta:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #perfect-match-cta {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #perfect-match-cta {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #perfect-match-cta {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #perfect-match-cta {
      width: 1150px; } }
  #perfect-match-cta img {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 50;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1; }
  #perfect-match-cta .content-container {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  #perfect-match-cta .content {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-35%);
    transform: translateY(-35%);
    z-index: 60;
    color: #FFFFFF;
    text-align: center; }
    #perfect-match-cta .content:last-child {
      margin-right: 0; }
  #perfect-match-cta .article-sub-header {
    position: absolute;
    bottom: 41%;
    left: 0;
    right: 0;
    z-index: 60; }
  #perfect-match-cta .title {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1;
    padding: 0 25px; }
    #perfect-match-cta .title h2 {
      padding: 0 12px; }
  #perfect-match-cta .body-wrapper {
    transition: 0.6s ease 0ms;
    -moz-transition: 0.6s ease 0ms;
    -webkit-transition: 0.6s ease 0ms;
    -o-transition: 0.6s ease 0ms;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=0);
    zoom: 1;
    padding-top: 100px; }
    #perfect-match-cta .body-wrapper p {
      font: 200 0.875em/20px "Gotham A", "Gotham B", sans-serif;
      text-align: center;
      padding-bottom: 10px; }
      #perfect-match-cta .body-wrapper p:first-of-type {
        margin-top: 20px; }
      #perfect-match-cta .body-wrapper p:last-of-type {
        padding-bottom: 0;
        padding-top: 20px; }
    #perfect-match-cta .body-wrapper a {
      display: block;
      text-align: center;
      font: 600 0.625em "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      letter-spacing: 3px;
      margin: 20px 0 0 0; }
  #perfect-match-cta.hover .content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #perfect-match-cta.hover .body-wrapper {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=100);
    zoom: 1;
    padding-top: 0; }
  #perfect-match-cta.hover img {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
    filter: alpha(opacity=40);
    zoom: 1; }
  @media only screen and (max-width: 479px) {
    #perfect-match-cta .content {
      -webkit-transform: translateY(-23%);
      -ms-transform: translateY(-23%);
      transform: translateY(-23%); }
    #perfect-match-cta.hover .content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-65%);
      -ms-transform: translateY(-65%);
      transform: translateY(-65%); }
    #perfect-match-cta.hover .title {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #perfect-match-cta .article-sub-header {
      bottom: 49%; }
    #perfect-match-cta .title h2 {
      padding: 0 70px; }
    #perfect-match-cta .body-wrapper p {
      padding: 0 100px; }
    #perfect-match-cta img {
      width: 90%; }
    #perfect-match-cta .content {
      -webkit-transform: translateY(-23%);
      -ms-transform: translateY(-23%);
      transform: translateY(-23%); }
    #perfect-match-cta.hover .content {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-63%);
      -ms-transform: translateY(-63%);
      transform: translateY(-63%); }
    #perfect-match-cta.hover .title {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=' $value * 100 ')";
      filter: alpha(opacity=0);
      zoom: 1; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #perfect-match-cta {
      height: 500px; }
      #perfect-match-cta .article-sub-header {
        bottom: 58%; }
      #perfect-match-cta .title h2 {
        padding: 0 70px; }
      #perfect-match-cta .body-wrapper p {
        padding: 0 200px; }
      #perfect-match-cta img {
        width: 80%; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #perfect-match-cta {
      height: 520px; }
      #perfect-match-cta .article-sub-header {
        bottom: 61%; }
      #perfect-match-cta .title h2 {
        padding: 0 70px; }
      #perfect-match-cta .body-wrapper p {
        padding: 0 350px; }
      #perfect-match-cta img {
        width: 80%;
        bottom: -40px; } }
  @media only screen and (min-width: 1150px) {
    #perfect-match-cta {
      height: 620px; }
      #perfect-match-cta .article-sub-header {
        bottom: 58%; }
      #perfect-match-cta .title h2 {
        padding: 0 70px; }
      #perfect-match-cta .body-wrapper p {
        padding: 0 400px; }
      #perfect-match-cta img {
        width: 80%;
        bottom: -40px; } }

/* ----- ACCESSORIES ----- */
#accessories {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  padding: 0 25px; }
  #accessories:before, #accessories:after {
    content: " ";
    display: table; }
  #accessories:after {
    clear: both; }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #accessories {
      width: 480px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #accessories {
      width: 768px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #accessories {
      width: 1024px; } }
  @media only screen and (min-width: 1150px) {
    #accessories {
      width: 1150px; } }

#accessories-cta {
  /*background:url('/images/site/accessories_bg.jpg') no-repeat top left;
  background-size: 1024px 577px;*/
  height: 100%;
  width: 100%;
  position: relative; }
  #accessories-cta img {
    width: 100%; }
  #accessories-cta h2 {
    color: #000000; }
  #accessories-cta h2:after {
    border-color: #000000; }
  #accessories-cta .info {
    background-color: #FFFFFF;
    text-align: center;
    margin-top: 27px; }
    #accessories-cta .info h2 {
      padding: 0 20px; }
    #accessories-cta .info a {
      display: inline-block;
      font: 600 0.625em "Gotham A", "Gotham B", sans-serif;
      color: #000000;
      letter-spacing: 3px; }
    #accessories-cta .info p {
      font: 100 0.875em/22px "Gotham A", "Gotham B", sans-serif;
      letter-spacing: normal;
      margin: 25px 0;
      padding: 0 7px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #accessories-cta .info {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 50%;
      margin: auto;
      margin: 0 auto;
      padding: 50px 35px; }
      #accessories-cta .info p {
        font: 100 0.9375em/22px "Gotham A", "Gotham B", sans-serif;
        padding: 0 16px; }
      #accessories-cta .info a {
        font: 600 0.875em "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #accessories-cta .info {
      position: absolute;
      top: 90px;
      left: 0;
      right: 0;
      width: 50%;
      margin: auto;
      margin: 0 auto;
      padding: 50px 35px; }
      #accessories-cta .info p {
        font: 100 0.9375em/22px "Gotham A", "Gotham B", sans-serif;
        padding: 0 16px; }
      #accessories-cta .info a {
        font: 600 0.875em "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1150px) {
    #accessories-cta .info {
      position: absolute;
      top: 140px;
      left: 0;
      right: 0;
      width: 50%;
      margin: auto;
      margin: 0 auto;
      padding: 50px 35px; }
      #accessories-cta .info p {
        font: 100 0.9375em/22px "Gotham A", "Gotham B", sans-serif;
        padding: 0 16px; }
      #accessories-cta .info a {
        font: 600 0.875em "Gotham A", "Gotham B", sans-serif; } }

/* *********************************
         OUTDATED BROWSER
********************************* */
p.chromeframe {
  z-index: 5000;
  width: 100%;
  font: 400 1em/30px "Gotham A", "Gotham B", sans-serif;
  color: #ffffff;
  text-align: center;
  background-color: #c59949; }
  p.chromeframe a {
    text-decoration: underline;
    color: #FFFFFF; }

/* *********************************
             MODAL
********************************* */
.modal-container {
  background: black;
  background: rgba(0, 0, 0, 0.65);
  display: none;
  height: 100%;
  position: fixed;
  z-index: 2500;
  width: 100%;
  overflow: hidden; }
  .modal-container.scaleOut .modal {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1); }


.modal {
  background: #FFFFFF;
  margin: 0 auto;
  overflow: scroll;
  margin: 60px auto 0;
  position: relative;
  max-width: 720px;
  width: 100%;
  z-index: 2500;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transition: 0.35s ease 0ms;
  -moz-transition: 0.35s ease 0ms;
  -webkit-transition: 0.35s ease 0ms;
  -o-transition: 0.35s ease 0ms; }
  @media only screen and (max-width: 479px) {
    .modal {
      margin: 0; } }
  .modal .close {
    cursor: pointer;
    font: 600 0.8125em/13px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    padding: 0 25px 0 0;
    position: absolute;
    left: 20px;
    top: 20px; }
  .modal .mCSB_container .close {
    right: 0; }
  .modal .mCS_no_scrollbar .close {
    right: 20px; }

.contact-modal h1,
.media-modal h1 {
  font: 600 1.875em/30px "Gotham A", "Gotham B", sans-serif;
  color: #454545;
  letter-spacing: 0.1em;
  font-size: 5em;
  padding: 1.3em 0 1em;
  text-align: center;
  text-transform: uppercase;
  /*@include breakpoint('widephone'){
  	padding: 2em 0 1em;
  	font-size: 3em;
  }*/ }
.contact-modal p,
.media-modal p {
  color: #808080; }
  .contact-modal p.success,
  .media-modal p.success {
    margin: 4em 0; }

.page .modal article {
  word-wrap: break-word;
  padding: 60px; }
  @media only screen and (max-width: 479px) {
    .page .modal article {
      padding: 60px 20px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .page .modal article {
      padding: 60px 20px; } }
.page .modal h2 {
  font: 400 1.875em/30px "Gotham A", "Gotham B", sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #454545;
  padding: 0 10px;
  margin-bottom: 20px; }
.page .modal h3, .page .modal strong {
  font: 400 1.375em/25px "Gotham A", "Gotham B", sans-serif;
  color: #8d7040;
  margin-bottom: 10px; }
.page .modal p {
  font: 400 0.9375em/20px "Gotham A", "Gotham B", sans-serif;
  color: #000000;
  padding: 10px 10px;
  margin: 0 0 1em; }
  .page .modal p a {
    color: #8d7040; }
.page .modal ul {
  margin-left: 30px;
  margin-bottom: 15px;
  padding: 10px 0; }
  .page .modal ul li {
    margin-bottom: 5px;
    font: 400 0.9375em/20px "Gotham A", "Gotham B", sans-serif; }

/* ==========================================================================
   Third Party Scroll Bar Styles
   ========================================================================== */
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container {
  width: auto;
  margin-right: 20px;
  overflow: hidden; }

.mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCS_disabled > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed > .mCustomScrollBox > .mCSB_container.mCS_no_scrollbar {
  margin-right: 0; }

.mCustomScrollBox > .mCSB_scrollTools {
  width: 20px;
  height: 90%;
  top: 10%;
  right: 0; }

.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 20px;
  height: 100%;
  margin: 0 auto; }

.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  height: 100%;
  margin: 4px auto 0;
  text-align: center; }

.mCustomScrollBox {
  -ms-touch-action: none;
  /*MSPointer events - direct all pointer events to js*/ }

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox > .mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
  /* old ie */ }

.mCustomScrollBox:hover > .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
  /* old ie */ }

.mCSB_scrollTools .mCSB_draggerRail {
  background: #e0e0e0; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #c4c4c4; }

/* *********************************
            AGE-GATE
********************************* */
body.age-gate {
  background: url("/images/site/age_gate_bg.jpg") no-repeat top center;
  background-size: cover;
  width: 100%; }

#age-gate-wrapper #age-gate-content {
  max-width: 480px;
  padding: 0 25px;
  padding-top: 130px;
  margin: 0 auto 0 auto; }
  #age-gate-wrapper #age-gate-content a.logo {
    display: block;
    width: 100%;
    height: 100px;
    text-align: center; }
    #age-gate-wrapper #age-gate-content a.logo img {
      width: 70%; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #age-gate-wrapper #age-gate-content a.logo {
      width: 60%;
      height: 120px;
      margin: 0 auto 0 auto; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #age-gate-wrapper #age-gate-content a.logo {
      width: 70%;
      height: 120px;
      margin: 0 auto 0 auto; } }
  @media only screen and (min-width: 1150px) {
    #age-gate-wrapper #age-gate-content a.logo {
      width: 70%;
      height: 120px;
      margin: 0 auto 0 auto; } }
#age-gate-wrapper #legal-footer {
  text-align: center;
  font: 400 12px "Gotham A", "Gotham B", sans-serif;
  line-height: 14px;
  color: #585858; }
  #age-gate-wrapper #legal-footer a {
    color: #c59949; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #age-gate-wrapper #legal-footer {
      display: block; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #age-gate-wrapper #legal-footer {
      display: block; } }
  @media only screen and (min-width: 1150px) {
    #age-gate-wrapper #legal-footer {
      display: block; } }
#age-gate-wrapper #language-selection {
  margin-top: 40px; }
  #age-gate-wrapper #language-selection h2 {
    width: 100%;
    text-align: center;
    font: 400 0.75em/28px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase; }
  #age-gate-wrapper #language-selection ul {
    width: 100%;
    text-align: center; }
    #age-gate-wrapper #language-selection ul li {
      display: inline-block; }
      #age-gate-wrapper #language-selection ul li a {
        font: 400 0.625em/10px "Gotham A", "Gotham B", sans-serif;
        color: #c59949;
        padding-left: 2px;
        padding-right: 4px;
        border-right: 1px solid #c59949; }
      #age-gate-wrapper #language-selection ul li:last-of-type a {
        border-right: 0;
        padding-right: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #age-gate-wrapper #language-selection {
      margin-top: 85px; }
      #age-gate-wrapper #language-selection h2 {
        font: 400 0.875em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #language-selection ul li a {
        font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #age-gate-wrapper #language-selection {
      margin-top: 85px; }
      #age-gate-wrapper #language-selection h2 {
        font: 400 0.875em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #language-selection ul li a {
        font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1150px) {
    #age-gate-wrapper #language-selection {
      margin-top: 85px; }
      #age-gate-wrapper #language-selection h2 {
        font: 400 0.875em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #language-selection ul li a {
        font: 400 0.875em/14px "Gotham A", "Gotham B", sans-serif; } }
#age-gate-wrapper #age-form {
  text-align: center;
  margin-top: 30px; }
  #age-gate-wrapper #age-form h2 {
    font: 200 1.125em/40px "Gotham A", "Gotham B", sans-serif; }
  #age-gate-wrapper #age-form h3 {
    font: 600 0.625em/14px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #age-gate-wrapper #age-form {
      margin-top: 60px; }
      #age-gate-wrapper #age-form h2 {
        font: 200 1.5625em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #age-form h3 {
        font: 600 0.75em/14px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #age-gate-wrapper #age-form {
      margin-top: 60px; }
      #age-gate-wrapper #age-form h2 {
        font: 200 1.5625em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #age-form h3 {
        font: 600 0.75em/14px "Gotham A", "Gotham B", sans-serif; } }
  @media only screen and (min-width: 1150px) {
    #age-gate-wrapper #age-form {
      margin-top: 60px; }
      #age-gate-wrapper #age-form h2 {
        font: 200 1.5625em/28px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #age-form h3 {
        font: 600 0.75em/14px "Gotham A", "Gotham B", sans-serif; } }
#age-gate-wrapper #form-wrapper {
  *zoom: 1;
  max-width: 71.875em;
  margin-left: auto;
  margin-right: auto;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%;
  position: relative;
  margin: 20px 0;
  padding: 15px 0 15px 0;
  border-left: 0;
  border-right: 0; }
  #age-gate-wrapper #form-wrapper:before, #age-gate-wrapper #form-wrapper:after {
    content: " ";
    display: table; }
  #age-gate-wrapper #form-wrapper:after {
    clear: both; }
  #age-gate-wrapper #form-wrapper:last-child {
    margin-right: 0; }
  #age-gate-wrapper #form-wrapper:before {
    top: -10px; }
  #age-gate-wrapper #form-wrapper:after {
    bottom: -10px; }
  #age-gate-wrapper #form-wrapper form {
    position: relative; }
  #age-gate-wrapper #form-wrapper .input-field.submit-field {
    position: relative; }
    #age-gate-wrapper #form-wrapper .input-field.submit-field .arrow {
      color: #FFFFFF;
      height: auto;
      position: absolute;
      line-height: 40px;
      right: 15px;
      top: 0; }
  #age-gate-wrapper #form-wrapper .input-field input[type=text], #age-gate-wrapper #form-wrapper .input-field input[type=submit], #age-gate-wrapper #form-wrapper .input-field input[type=number] {
    outline: none;
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background-color: #c59949;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    font: 200 1.125em/18px "Gotham A", "Gotham B", sans-serif;
    -webkit-box-sizing: border-box;
    /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box;
    /* For all Gecko based browsers */
    box-sizing: border-box; }
    #age-gate-wrapper #form-wrapper .input-field input[type=text]::-webkit-input-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=submit]::-webkit-input-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=number]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #FFFFFF; }
    #age-gate-wrapper #form-wrapper .input-field input[type=text]:-moz-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=submit]:-moz-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=number]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #FFFFFF; }
    #age-gate-wrapper #form-wrapper .input-field input[type=text]::-moz-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=submit]::-moz-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=number]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #FFFFFF; }
    #age-gate-wrapper #form-wrapper .input-field input[type=text]:-ms-input-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=submit]:-ms-input-placeholder, #age-gate-wrapper #form-wrapper .input-field input[type=number]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #FFFFFF; }
  #age-gate-wrapper #form-wrapper .input-field.submit-field input[type=submit] {
    cursor: pointer;
    padding-left: 15px;
    text-align: left;
    font: 400 0.75em/18px "Gotham A", "Gotham B", sans-serif;
    letter-spacing: 3px;
    background-color: #000000;
    width: 100%;
    line-height: 0; }
  #age-gate-wrapper #form-wrapper .confirm-wrapper {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 100%;
    border: 1px solid #000000;
    margin: 15px 0; }
    #age-gate-wrapper #form-wrapper .confirm-wrapper:last-child {
      margin-right: 0; }
  #age-gate-wrapper #form-wrapper label {
    font: 400 0.75em/45px "Gotham A", "Gotham B", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px; }
  @media only screen and (max-width: 479px) {
    #age-gate-wrapper #form-wrapper #submitID {
      display: none; }
    #age-gate-wrapper #form-wrapper .input-field {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%; }
      #age-gate-wrapper #form-wrapper .input-field:last-child {
        margin-right: 0; }
      #age-gate-wrapper #form-wrapper .input-field:nth-child(3n) {
        margin-right: 0; }
      #age-gate-wrapper #form-wrapper .input-field:nth-child(3n+1) {
        clear: left; }
      #age-gate-wrapper #form-wrapper .input-field.submit-field {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #age-gate-wrapper #form-wrapper .input-field.submit-field:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    #age-gate-wrapper #form-wrapper #submitID {
      display: none; }
    #age-gate-wrapper #form-wrapper .input-field {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%; }
      #age-gate-wrapper #form-wrapper .input-field:last-child {
        margin-right: 0; }
      #age-gate-wrapper #form-wrapper .input-field:nth-child(3n) {
        margin-right: 0; }
      #age-gate-wrapper #form-wrapper .input-field:nth-child(3n+1) {
        clear: left; }
      #age-gate-wrapper #form-wrapper .input-field.submit-field {
        float: left;
        display: block;
        margin-right: 2.12766%;
        width: 100%; }
        #age-gate-wrapper #form-wrapper .input-field.submit-field:last-child {
          margin-right: 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #age-gate-wrapper #form-wrapper {
      margin: 20px 0;
      padding: 20px 0 40px 0; }
      #age-gate-wrapper #form-wrapper #submit-mobile {
        display: none; }
      #age-gate-wrapper #form-wrapper .confirm-wrapper {
        position: absolute;
        bottom: -58px;
        left: 0;
        right: 0;
        border: none; }
      #age-gate-wrapper #form-wrapper .input-field {
        display: inline-block;
        width: 26%; }
        #age-gate-wrapper #form-wrapper .input-field.submit-field {
          width: 12%; }
          #age-gate-wrapper #form-wrapper .input-field.submit-field input[type=submit] {
            padding-left: 20px;
            padding-top: 5px;
            font: 400 1.125em/18px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #form-wrapper .arrow {
        display: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    #age-gate-wrapper #form-wrapper {
      margin: 20px 0;
      padding: 20px 0 40px 0; }
      #age-gate-wrapper #form-wrapper #submit-mobile {
        display: none; }
      #age-gate-wrapper #form-wrapper .confirm-wrapper {
        position: absolute;
        bottom: -58px;
        left: 0;
        right: 0;
        border: none; }
      #age-gate-wrapper #form-wrapper .input-field {
        display: inline-block;
        width: 26%; }
        #age-gate-wrapper #form-wrapper .input-field.submit-field {
          width: 12%; }
          #age-gate-wrapper #form-wrapper .input-field.submit-field input[type=submit] {
            padding-left: 20px;
            padding-top: 5px;
            font: 400 1.125em/18px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #form-wrapper .arrow {
        display: none; } }
  @media only screen and (min-width: 1150px) {
    #age-gate-wrapper #form-wrapper {
      margin: 20px 0;
      padding: 20px 0 40px 0; }
      #age-gate-wrapper #form-wrapper #submit-mobile {
        display: none; }
      #age-gate-wrapper #form-wrapper .confirm-wrapper {
        position: absolute;
        bottom: -58px;
        left: 0;
        right: 0;
        border: none; }
      #age-gate-wrapper #form-wrapper .input-field {
        display: inline-block;
        width: 26%; }
        #age-gate-wrapper #form-wrapper .input-field.submit-field {
          width: 12%; }
          #age-gate-wrapper #form-wrapper .input-field.submit-field input[type=submit] {
            padding-left: 20px;
            padding-top: 5px;
            font: 400 1.125em/18px "Gotham A", "Gotham B", sans-serif; }
      #age-gate-wrapper #form-wrapper .arrow {
        display: none; } }

/* ************************
            404
************************ */
.image-hero#fourohfour-hero {
  height: 600px; }
  .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body {
    width: auto; }
    .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body p {
      font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
      width: 100%; }
  .image-hero#fourohfour-hero .cta-button-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 25px;
    text-align: center; }
    .image-hero#fourohfour-hero .cta-button-container .cta-button-wrapper {
      width: 80%;
      margin: 0 auto; }
    .image-hero#fourohfour-hero .cta-button-container h3 {
      width: 100%;
      font: 400 0.875em/18px "Gotham A", "Gotham B", sans-serif;
      color: #FFFFFF;
      margin-bottom: 20px; }
    .image-hero#fourohfour-hero .cta-button-container .cta-item {
      position: relative;
      width: 25%;
      margin-right: 2.5%;
      display: inline-block; }
      .image-hero#fourohfour-hero .cta-button-container .cta-item:last-of-type {
        margin-right: 0; }
  @media only screen and (max-width: 479px) {
    .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper {
      vertical-align: top;
      padding-top: 100px; }
    .image-hero#fourohfour-hero .cta-button-container .cta-button-wrapper .cta-item {
      position: relative;
      width: 80%;
      margin: 0 auto;
      display: block;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper {
      vertical-align: top;
      padding-top: 100px; }
      .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body {
        width: auto; }
        .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body p {
          font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
          width: 100%; }
    .image-hero#fourohfour-hero .cta-button-container .cta-button-wrapper .cta-item {
      position: relative;
      width: 60%;
      margin: 0 auto;
      display: block;
      margin-bottom: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .image-hero#fourohfour-hero {
      /*a.arrow-button {
      	font: 600 em(12)/15px $gotham;
      	padding:20px 15px;
      }*/ }
      .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper {
        vertical-align: top;
        padding-top: 120px; }
        .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body {
          width: auto; }
          .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body p {
            font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
            width: 100%; }
      .image-hero#fourohfour-hero .cta-button-container .cta-button-wrapper .cta-item {
        margin: 0 auto;
        position: relative;
        width: 40%;
        display: block;
        margin-bottom: 10px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body {
      width: auto; }
      .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body p {
        font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
        width: 100%; } }
  @media only screen and (min-width: 1150px) {
    .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body {
      width: auto; }
      .image-hero#fourohfour-hero .hero-content-container .hero-content-wrapper .hero-content .body p {
        font: 400 1em/22px "Gotham A", "Gotham B", sans-serif;
        width: 100%; } }

a.arrow-button {
  display: inline-block;
  background-color: #c59949;
  font: 600 0.8125em/15px "Gotham A", "Gotham B", sans-serif;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 2px;
  width: 100%;
  text-align: left;
  padding: 20px 20px; }
  a.arrow-button i {
    position: absolute;
    top: 30%;
    bottom: 0;
    right: 8px;
    font: 600 1.1875em/19px "Gotham A", "Gotham B", sans-serif;
    color: rgba(0, 0, 0, 0.5); }
  a.arrow-button:hover {
    background-color: #8d7040; }

/* ----- ADD THIS ----- */
#at3win {
  position: fixed !important;
  margin: auto !important;
  width: 100% !important; }

body.beautiful-time .addthis_toolbox, body.beautiful-time .addthis_default_style, body.beautiful-time .addthis_32x32_style, body.events .addthis_toolbox, body.events .addthis_default_style, body.events .addthis_32x32_style {
  display: inline-block !important;
  border-bottom: none;
  width: 100% !important; }

.addthis_toolbox, .addthis_default_style, .addthis_32x32_style {
  display: inline-block !important;
  border-bottom: none;
  width: 184px !important; }

.addthis_toolbox a.addthis_button_google_plusone #___plusone_0 {
  width: 70px !important; }

.addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m {
  padding: 0 7px; }

.addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
  background: url("/images/site/social-sprite.png") no-repeat left;
  background-size: 32px 800px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
      background: url("/images/site/social-sprite-white.png") no-repeat left;
      background-size: 32px 800px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
      background: url("/images/site/social-sprite-white.png") no-repeat left;
      background-size: 32px 800px; } }
  @media only screen and (min-width: 1150px) {
    .addthis_32x32_style .dummy .at300bs, .addthis_32x32_style .at300bs, .addthis_32x32_style .at15t {
      background: url("/images/site/social-sprite-white.png") no-repeat left;
      background-size: 32px 800px; } }

.addthis_button_google_plusone_badge img, .at300bo img {
  opacity: 0 !important; }

/* ------ SHORTLIST ------ */
.shortlist a.bubble {
  display: inline-block;
  border: #e0e0e0 1px solid;
  border-radius: 8px;
  padding: 10px;
  background-color: rgba(224, 224, 224, 0.5);
  color: blue;
  font-size: 11px; }
.shortlist a h2 {
  color: #000; }
.shortlist .remove-item a {
  color: #e0e0e0;
  display: inline-block;
  padding: 1px 3px;
  letter-spacing: 1px;
  color: #e0e0e0;
  border: #e0e0e0 1px solid; }

/* ----- COMMON ----- */
a.edit-content {
  background: rgba(197, 153, 73, 0.5);
  padding: 6px 8px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 150;
  height: auto;
  font: 400 0.75em/14px "Gotham A", "Gotham B", sans-serif;
  color: #000; }
  a.edit-content:hover {
    background: #c59949; }
  a.edit-content.reorder {
    right: 25px; }

.star-icon {
  display: inline-block;
  height: 25px;
  width: 25px;
  background: url("/images/site/star_icon.png") no-repeat top left;
  background-size: 25px 50px;
  background-position: 0 0; }
  .star-icon.faded {
    background-position: 0 -25px; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .star-icon {
      height: 20px;
      width: 20px;
      background-size: 20px 40px; }
      .star-icon.faded {
        background-position: 0 -20px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .star-icon {
      height: 20px;
      width: 20px;
      background-size: 20px 40px; }
      .star-icon.faded {
        background-position: 0 -20px; } }
  @media only screen and (min-width: 1150px) {
    .star-icon {
      height: 20px;
      width: 20px;
      background-size: 20px 40px; }
      .star-icon.faded {
        background-position: 0 -20px; } }

.spinner {
  margin: 220px auto 0;
  width: 70px;
  text-align: center; }

.spinner div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
/* body {
  font-family: 'Gotham A', 'Gotham B', sans-serif;
  font-weight: 400; } */
  body a {
    text-decoration: none; }

.clear {
  clear: both; }

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.hide {
  display: none; }

#header:after {
  content: " ";
  display: table;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

.strong {
  font-weight: bold;
  color: #000000 !important; }
  .strong a {
    color: #000000 !important; }

.weight-bold {
  font-weight: 600; }

.caps {
  text-transform: uppercase; }

.no-mobile {
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .no-mobile {
      display: none; } }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .no-mobile {
      display: block; } }
  @media only screen and (min-width: 1150px) {
    .no-mobile {
      display: block; } }

.border-top-gray {
  border-top: #e0e0e0 1px solid; }

h2.article-header {
  font: 500 1.125em/24px "Gotham A", "Gotham B", sans-serif;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 3px; }

h2.article-header:after {
  margin: 0 auto;
  margin-top: 24px;
  display: block;
  content: " ";
  width: 100px;
  border-top: #FFFFFF 3px solid; }

span.article-sub-header {
  display: block;
  margin-top: 15px;
  font: 500 0.625em/26px "Gotham A", "Gotham B", sans-serif;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 3px; }

header.section-header {
  display: block;
  border: #e0e0e0 1px solid;
  border-left: 0;
  border-right: 0;
  padding: 8px 0; }
  header.section-header h2 {
    text-align: center;
    font-size:14px;
    /* font: 400 0.8125em/13px "Gotham A", "Gotham B", sans-serif; */ }

.arrow-down {
  display: none;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid #c59949;
  position: absolute;
  bottom: -10px;
  left: 46%; }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .arrow-down {
      display: block; } }
  @media only screen and (min-width: 1150px) {
    .arrow-down {
      display: block; } }

.abs-right {
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  position: absolute;
  right: 0; }
  .abs-right.twenty-five {
    right: 25px; }
  .abs-right.rotate {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */ }
  @media only screen and (min-width: 1024px) and (max-width: 1149px) {
    .abs-right {
      display: none; } }
  @media only screen and (min-width: 1150px) {
    .abs-right {
      display: none; } }

.btn--gold,
.btn--gold:link,
.btn--gold:hover,
.btn--gold:visited,
.btn--gold:focus {
  display: block;
  height: 45px;
  margin-bottom: 5px;
  text-align: center;
  cursor: pointer;
  background-color: #c59949;
  color: #FFFFFF;
  font: 400 12px/45px "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 1px;
  border: 0;
  padding: 0;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: 0.2s ease 0ms;
  -moz-transition: 0.2s ease 0ms;
  -webkit-transition: 0.2s ease 0ms;
  -o-transition: 0.2s ease 0ms;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
  font-weight: 500; }

.gold {
  color: #c59949 !important; }

.bg-black {
  background-color: #1a1307; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-30 {
  margin-top: 30px; }

.margin-top-40 {
  margin-top: 40px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

.margin-bottom-30 {
  margin-bottom: 30px; }

.margin-bottom-40 {
  margin-bottom: 40px; }

.margin-bottom-50 {
  margin-bottom: 50px; }

.margin-bottom-60 {
  margin-bottom: 60px; }

.margin-bottom-80 {
  margin-bottom: 80px; }

.padding-top-20 {
  padding-top: 20px; }

.padding-top-40 {
  padding-top: 40px; }

.border-top-gray {
  border-top: #e0e0e0 1px solid; }

/* ----- Icon Font Codes ----- */
.icon-youtube:before {
  content: '\e800'; }

/* '' */
.icon-right-open-1:before {
  content: '\e818'; }

/* '' */
.icon-mail:before {
  content: '\e80c'; }

/* '' */
.icon-star:before {
  content: '\e817'; }

/* '' */
.icon-menu:before {
  content: '\e812'; }

/* '' */
.icon-check:before {
  content: '\e81d'; }

/* '' */
.icon-cancel:before {
  content: '\e81e'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e811'; }


/* '' */
.icon-right-dir:before {
  content: '\e813'; }

/* '' */
.icon-search:before {
  content: '\e819'; }

/* '' */
.icon-list:before {
  content: '\e806'; }

/* '' */
.icon-list-add:before {
  content: '\e80a'; }

/* '' */
.icon-vimeo:before {
  content: '\e81c'; }

/* '' */
.icon-vimeo-circled:before {
  content: '\e81b'; }

/* '' */
.icon-twitter:before {
  content: '\e802'; }

/* '' */
.icon-facebook-squared:before {
  content: '\e801'; }

/* '' */
.icon-gplus:before {
  content: '\e805'; }

/* '' */
.icon-pinterest:before {
  content: '\e803'; }

/* '' */
.icon-pinterest-circled:before {
  content: '\e80b'; }

/* '' */
.icon-instagram:before {
  content: '\e804'; }

/* '' */
.icon-record-outline:before {
  content: '\e80f'; }

/* '' */
.icon-record:before {
  content: '\e810'; }

/* '' */
.icon-play-1:before {
  content: '\e816'; }

/* '' */
.icon-down-open:before {
  content: '\e815'; }

/* '' */
.icon-target:before {
  content: '\e81a'; }

/* '' */
.icon-close_button-01:before {
  content: '\e820'; }

.blanco.hero.escurio {
  position: relative;
  height: 0;
  padding-bottom: 50%; }

.blanco.hero.escurio .hero__content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center; }

.blanco.hero.escurio .hero__content div {
  text-align: center;
  margin: 30px auto 0; }

.blanco.hero.escurio .logo {
  max-width: 100%;
  margin-bottom: 50px; }

.escurio .page-panel img {
  max-width: 100% !important;
  height: auto;
  width: auto; }

.escurio .slider,
.escurio .controller {
  display: none; }

.escurio .page-panel {
  max-width: 100%;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.escurio .page-panel__textbox {
  width: 1150px;
  max-width: 100%;
  margin: 0 auto; }

.escurio .blanco.panel-1 .cta-bar {
  color: #59973d; }

.escurio .blanco.panel-1 .cta-bar ul {
  width: 220px; }

.escurio .blanco.panel-1 .cta-bar ul li i {
  color: #59973d;
  font-size: 20px; }

.escurio .blanco.panel-1 .page-panel {
  padding: 50px 24px 20px; }

.escurio .panel-3 {
  padding-bottom: 50px; }

.escurio .panel-3 p {
  padding-bottom: 0; }

.escurio .panel-3 p img {
  margin-bottom: -50px; }

.escurio .panel-1 + .slider + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 {
  padding-bottom: 200px; }

.escurio .panel-1 + .slider + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 {
  padding-bottom: 0;
  padding-top: 0; }

.escurio .panel-1 + .slider + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 p {
  padding-bottom: 0; }

.escurio .panel-1 + .slider + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 {
  padding-top: 0; }

.escurio .panel-1 + .slider + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 + .panel-3 {
  padding-top: 100px; }

.escurio .panel-1 + .slider + .panel-3 {
  display: none; }

.escurio .play {
  height: 80px;
  width: 80px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 80px;
  position: relative; }

.escurio .play:before {
  font-family: "fontello";
  color: #fff;
  content: '\e81F';
  font-size: 35px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -19px;
  margin-left: -15px; }

.escurio iframe {
  max-width: 1100px; }

@media only screen and (max-width: 950px) {
  .blanco.hero.escurio .logo {
    width: 45%;
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .blanco.hero.escurio .logo {
    width: 40%;
    margin-bottom: 20px; }

  .escurio .play {
    width: 60px;
    height: 60px; }

  .escurio .play:before {
    font-size: 32px;
    margin-top: -16px;
    margin-bottom: -9px; }

  .escurio .panel-1 + .slider + .panel-3,
  .escurio .panel-1 + .slider + .panel-3 + .panel-3 {
    padding-bottom: 20px; }

  .escurio .panel-3 {
    padding-bottom: 0px; }

  .escurio .panel-3 p {
    padding-bottom: 0 !important; }

  .escurio.shareyourdream {
    background-image: url("/images/shareyourdream/keyvisual_mobile.jpg") !important; } }
@media only screen and (max-width: 479px) {
  .escurio .play {
    width: 40px;
    height: 40px;
    border-width: 1px; }

  .escurio .play:before {
    font-size: 17px;
    margin-top: -9px;
    margin-left: -8px; }

  .escurio .panel-4 {
    padding-top: 30px; } }
.overlay__close {
  position: fixed;
  top: 20px;
  right: 20px;
  color: #fff !important;
  font-size: 32px; }

.escurioOverlay {
  padding-top: 75px; }

.escurioOverlay a.discover {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 50px;
  height: auto; }

.escurioOverlay a.discover .icon {
  font-size: 12px; }

.escurioOverlay a.discover .icon:before {
  margin-bottom: 5px; }

.iframeWrapper_wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 1150px; }

.iframeWrapper {
  position: relative;
  height: 0;
  padding-bottom: 50.25%;
  width: 90%;
  margin: 0 auto;
  max-width: 1150px; }

.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.blanco iframe {
  min-height: 700px; }

.beautiful-time a {
  color: #c59949; }

/**
 * Sparcle
 */
@-webkit-keyframes large {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(360deg) scale(1.5);
    transform: rotate(360deg) scale(1.5); } }
@-moz-keyframes large {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(360deg) scale(1.5); } }
@-webkit-keyframes large-2 {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(405deg) scale(1.1);
    transform: rotate(405deg) scale(1.1); } }
@-moz-keyframes large-2 {
  0% {
    opacity: 0;
    transform: rotate(45deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(405deg) scale(1.1); } }
@-webkit-keyframes small {
  0% {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-360deg) scale(1);
    transform: rotate(-360deg) scale(1.5); } }
@-moz-keyframes small {
  0% {
    opacity: 0;
    transform: rotate(0deg) scale(0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: rotate(-360deg) scale(1.5); } }
.an-sparcle-small {
  -webkit-animation: small 2.5s infinite;
  -moz-animation: small 2.5s infinite;
  -o-animation: small 2.5s infinite;
  animation: small 2.5s infinite; }

.an-sparcle-large {
  -webkit-animation: large 2.5s infinite;
  -moz-animation: large 2.5s infinite;
  -o-animation: large 2.5s infinite;
  animation: large 2.5s infinite; }

.an-sparcle-large-2 {
  -webkit-animation: large-2 2.5s infinite;
  -moz-animation: large-2 2.5s infinite;
  -o-animation: large-2 2.5s infinite;
  animation: large-2 2.5s infinite; }

.sparcle {
  position: absolute;
  margin-top: -25px;
  margin-left: -25px;
  -webkit-transform: scale(0.35);
  transform: scale(0.35); }

.sparcle .group {
  -webkit-transform: translate(42.5px, 42.5px);
  -ms-transform: translate(42.5px, 42.5px);
  transform: translate(42.5px, 42.5px); }

.sparcle path {
  -webkit-transform: translate(-42.5px, -42.5px);
  -ms-transform: translate(-42.5px, -42.5px);
  transform: translate(-42.5px, -42.5px); }

.sparcle .large {
  -webkit-animation: large 2.5s infinite;
  -moz-animation: large 2.5s infinite;
  -o-animation: large 2.5s infinite;
  animation: large 2.5s infinite; }

.sparcle .large-2 {
  -webkit-animation: large-2 2.5s infinite;
  -moz-animation: large-2 2.5s infinite;
  -o-animation: large-2 2.5s infinite;
  animation: large-2 2.5s infinite; }

.sparcle .small {
  -webkit-animation: small 2.5s infinite;
  -moz-animation: small 2.5s infinite;
  -o-animation: small 2.5s infinite;
  animation: small 2.5s infinite; }

/* Change homepage (III) - Hero container - 20.06.2017
* Toavina Rakotomanga
*/
@media only screen and (max-width: 767px) {
  .heroteaser a img {
    object-fit: cover;
    height: 410px;
    /*height: 60vh;*/
  }
}
/*End change 20.06.2017*/

/* Change blockquote - 07.11.2017
* Toavina Rakotomanga
*/
#single-event .right .event-body blockquote > p,
#beautiful-time .beautiful-time .right blockquote > pove,
#account #content .account-body blockquote > p,
#account-header #content .account-body blockquote > p {
    margin: 0;
    font-size: 100%;
    line-height: 40px;
    font-style: italic;
}
/*End change 07.11.2017*/

/*# sourceMappingURL=main.css.map */
  /*===accessories 导航 end===*/
  .cigars_detailbox .acce_itemsbox{padding-top:25px;}
  .cigars_detailbox .acce_itemsbox .item{text-align:center;margin:15px 0;}
  .cigars_detailbox .item p{color:#000;}
  .gallery-top{height:100%;}
  .gallery-top .swiper-slide img{width:60%;align-items: center;}
  .gallery-top .swiper-slide{justify-content:center;display: flex;align-items: center}
.section_detail{margin-top:20px;}
.section_detail .col_lf{position:relative;}	
  .gallery-thumbs {position:absolute;bottom:50px;right:30px;width:52px;}
.gallery-thumbs .swiper-wrapper{display:block;}
.gallery-thumbs .swiper-slide{width:50px;height:50px;border:1px solid #ccc;display:table;zoom:1;margin-bottom:10px;opacity:0.5; }
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;}
.gallery-thumbs .swiper-slide img{width:50px;height:50px;cursor:pointer;}
.product .label_tt{font-weight:bold;margin-bottom:5px;}
.product .label_dscp{margin-bottom:5px;}
.product h2{color:#c59949;font-size:16px;}
.product h3{font-size:16px;}
.page_wrapper{padding:0 10px;}	
